<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: work client side (sort, pagination), but reload when needed </title>
	<link>http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Deep Shah on work client side (sort, pagination), but reload when needed </title>
        	<link>http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed#p28497</link>
        	<category>Feature Request</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed#p28497</guid>
        	        	<description><![CDATA[<p>Thanks maxif.</p>
<p>Finally i got it with</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit1851' value='Select Code' data-codeid='sfcode1851' /></p>
<div class='sfcode' id='sfcode1851'>loadonce:true</div>
<p>&#160;and&#160;</p>
<p><input type='button' class='sfcodeselect' name='sfselectit624' value='Select Code' data-codeid='sfcode624' /></p>
<div class='sfcode' id='sfcode624'>&#160;jQuery(&#34;#bigset&#34;).jqGrid(&#39;setGridParam&#39;,{datatype:&#39;json&#39;});</div>
]]></description>
        	        	<pubDate>Wed, 20 Mar 2013 20:01:58 +0200</pubDate>
        </item>
        <item>
        	<title>maxif on work client side (sort, pagination), but reload when needed </title>
        	<link>http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed#p20172</link>
        	<category>Feature Request</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed#p20172</guid>
        	        	<description><![CDATA[<p>Ok, I figured it out, modifing a bit the "search bigset " example I achived what I needed, here is the code:</p>
</p>
<p>jQuery("#bigset").jqGrid({ <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;url:&#39;datos&#39;, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;datatype: "json", <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;height: 255, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;colNames:[&#39;Index&#39;,&#39;Name&#39;, &#39;Code&#39;], <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;colModel:[ <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;item_id&#39;,index:&#39;item_id&#39;}, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;item&#39;,index:&#39;item&#39;}, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;item_cd&#39;,index:&#39;item_cd&#39;} ], <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowNum:10, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowList:[10,20,30], <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; mtype: "POST",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;width:796,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;hidegrid:true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; loadonce: true,&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: &#39;#pagerb&#39;, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortname: &#39;item_id&#39;, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; viewrecords: true, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortorder: "asc"<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }); </p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var timeoutHnd; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var flAuto = false; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; function doSearch(ev){ <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if(!flAuto) return; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; // var elem = ev.target&#124;&#124;ev.srcElement; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if(timeoutHnd) <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; clearTimeout(timeoutHnd) <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; timeoutHnd = setTimeout(gridReload,500) <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; } <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; function gridReload(){ <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var nm_mask = jQuery("#item_nm").val(); <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var cd_mask = jQuery("#search_cd").val(); &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160; jQuery("#bigset").jqGrid(&#39;setGridParam&#39;,{datatype:&#39;json&#39;});<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; jQuery("#bigset").jqGrid(&#39;setGridParam&#39;, {url:"buscar?nm_mask="+nm_mask+"&#38;cd_mask="+cd_mask,page:1}).trigger("reloadGrid");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
</p>
<p>The key here is initializing the grid with loadonce:true, and datatype:&#39;json&#39;, then before reloding the grid we change the datatype:&#39;json&#39;, again.</p>
<p>The result, the grid reloads by ajax, and does paging and sorting on client side.</p>
</p>
<p>Bye.</p>
]]></description>
        	        	<pubDate>Wed, 06 Oct 2010 15:03:49 +0300</pubDate>
        </item>
        <item>
        	<title>maxif on work client side (sort, pagination), but reload when needed </title>
        	<link>http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed#p20148</link>
        	<category>Feature Request</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/feature-request/work-client-side-sort-pagination-but-reload-when-needed#p20148</guid>
        	        	<description><![CDATA[<p>Hi, I work with big sets of data, and many users so I need the grid do most of the work on client side, I mean sorting by columns, pagination, etc, but reload by ajax, when users do a new search.</p>
<p>Is that possible?</p>
</p>
<p>I looked at this post: <a href="http://www.trirand.com/blog/?page_id=393/feature-request/sortclientside-but-allow-trigger-reload-on-different-url-param/&#038;value=sort%20on%20local%20data&#038;type=1&#038;include=1&#038;search=11" rel="nofollow" target="_blank"><a href="http://www.trirand.com/blog/?p" rel="nofollow">http://www.trirand.com/blog/?p</a>.....;search=11</a></p>
<p>But did&#180;nt worked, it relaods fine, but when tries to sort the grid goes empty.</p>
<p>Is there any work around or maybe I&#180;m missing a property that allows what I need?</p>
</p>
<p>Thanks in advance.</p>
]]></description>
        	        	<pubDate>Tue, 05 Oct 2010 15:38:59 +0300</pubDate>
        </item>
</channel>
</rss>