jquery - Primefaces - custom component for live filtering in dataTable -


primefaces has done filter p:datatable. great ux site, because filter field in column header, there's no doubt filtering, , it's working live - data changes type (well, if make short pause, it's in opinion user expects).

now i'd place custom in header act filter. so, idea place component in header facet:

<p:column ...>   <f:facet name="header">      <some:mycomponent onkeydown="filteraction()"/>   </f:facet> </p:column>

the problem filteraction must not update whole datatable component (because component user typing in re-created), must update table body.

i've thought can primefaces selectors (based on jquery selectors), according topic how update data rows using selector datatable? not possible. , datatable.js contains specialized ajax call achieve (line: 839 in primefaces 3.5, release):

    options.onsuccess = function(responsexml) {         var xmldoc = $(responsexml.documentelement),         updates = xmldoc.find("update");         ....         $this.tbody.html(content);

my question is, possible use such individual filter component, refresh table body, standard filter does, without going deep pf internals , writing specialized ajax handler that?

of course, it's possible make filter outside datatable, ux reduced (the people using application current design much).

it possible put component in column header using facet. however, not possible request datatable body refresh. solution is, send normal request, take on response , handle in custom code part.

if create remotecommand that:

<p:remotecommand id="refreshdatatable" name="refreshdatatable"                actionlistener="#{cartable.dofilter}"                 update="datatable" />

the id of command sent server. knowing that, can prepare custom ajax request:

 var options = {         source: 'main:tabview:refreshdatatable',         update: carstable.id,         formid: carstable.cfg.formid } options.onsuccess = customhandler primefaces.ajax.ajaxrequest(options);

where customhandler code looks that:

var xml = $(resp.documentelement) updates = xml.find('update') for(var i=0; < updates.length; i++) { var update = updates.eq(i), id = update.attr('id'), content = update.text(); if(id == carstable.id){    var tbody = $(content).find('tbody')    carstable.tbody.html(tbody.html()); } else {    primefaces.ajax.ajaxutils.updateelement.call(this, id, content); } primefaces.ajax.ajaxutils.handleresponse.call(this, xml); var paginator = carstable.getpaginator(); if(paginator) {     paginator.settotalrecords(this.args.totalrecords); } if(carstables.cfg.scrollable) {     carstable.alignscrollbody(); } return true;

we need set in variable totalrecords in java code:

    requestcontext context = requestcontext.getcurrentinstance();       context.addcallbackparam("totalrecords", filteredcars.size());

Comments

Post a Comment

Popular posts from this blog

curl - PHP fsockopen help required -

i trying work on cloudflare api , have found in documentation. unfortunately have no idea how can use in fsockopen or through curl. here example of post request. need know how can make request below data post using curl or fsockopen curl https://www.cloudflare.com/api_json.html -d 'a=cache_lvl' \ -d 'tkn=8afbe6dea02407989af4dd4c97bb6e25' \ -d 'email=sample@example.com' \ -d 'z=example.com' \ -d 'v=agg' here link cloudflare https://www.cloudflare.com/docs/client-api.html#s4.2 try one: $ch = curl_init("https://www.cloudflare.com/api_json.html"); curl_setopt($ch, curlopt_returntransfer,1); curl_setopt($ch, curlopt_followlocation, 1); curl_setopt($ch, curlopt_ssl_verifypeer,false); // handling of -d curl parameter here. $param = array( 'a' => 'cache_lvl', 'tkn' => '8afbe6dea02407989af4dd4c97bb6e25', 'email' => 'sample@example.com', 'z' =...
Read more

HTTP/1.0 407 Proxy Authentication Required PHP -

i working in restricted network/limited access internet. since have use proxy make web service call. here php code calling web service , response . $client = new soapclient("http: //www.xyz.com/abc/wsdls/login.wsdl", array("trace" => 1, "exceptions" => 1, 'proxy_host' => $proxy_host, 'proxy_port' => $proxy_port, 'proxy_login' => $proxy_login, 'proxy_password' => $proxy_password)); response is fatal error: uncaught soapfault exception: [wsdl] soap-error: parsing wsdl: couldn't load ' http://www.xyz.com/abc/wsdls/login.wsdl ' : failed load external entity if copy url error message , paste in browser(with same proxy settings) works. 2nd scenario is, if pass values instead of variables giving me diffarant response $client = new soapclient("http: //www.xyz.com/abc/wsdls/login.wsdl", array("trace" => 1, "exceptions" => 1, 'proxy_host' ...
Read more

c# - Resource not found error -

i have problem accessing method on homecontroller. show code of method : [httpget] public actionresult decriptidentifiantetredirige(string login_crypter, string mdp_crypter) { string loginacrypter = _globalmanager.protegemotdepasse(login_crypter); string mdpacrypter = _globalmanager.protegemotdepasse(mdp_crypter); user userapp = new models.user(login_crypter, mdp_crypter); if (userapp.authentificationvalidee(userapp.userlogin, userapp.password)) { session["name"] = userapp.userlogin; return redirecttoaction("accueil", "home"); } else { return redirecttoaction("validerauthentification", "home"); } } then in routeconfig.cs wrote route : routes.maproute( name: "authentificationapresdecryptage", url: "{controller}/{action}/{login_crypter}/{mdp_crypter}", defaults: new...
Read more