<?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: Pagination; data loading from server, but client side doesn't refresh</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/pagination-data-loading-from-server-but-client-side-doesnt-refresh</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/help/pagination-data-loading-from-server-but-client-side-doesnt-refresh/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>coke on Pagination; data loading from server, but client side doesn't refresh</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/pagination-data-loading-from-server-but-client-side-doesnt-refresh#p20298</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/pagination-data-loading-from-server-but-client-side-doesnt-refresh#p20298</guid>
        	        	<description><![CDATA[<p>There was a bug in the data returned by the server - on every page but the first, there was an initial comma in the list of row data. (server originally returned all data; when it was converted to only return the N rows for the page, this condition was missed.)</p>
<p>It would be nice if invalid data threw some kind of error to make it more obvious where things break down.</p>
<p>With the bugfix in place, the paging/sorting works great.</p>
]]></description>
        	        	<pubDate>Thu, 14 Oct 2010 00:04:27 +0300</pubDate>
        </item>
        <item>
        	<title>coke on Pagination; data loading from server, but client side doesn't refresh</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/pagination-data-loading-from-server-but-client-side-doesnt-refresh#p20276</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/pagination-data-loading-from-server-but-client-side-doesnt-refresh#p20276</guid>
        	        	<description><![CDATA[<p>I have a jqgrid with a navGrid plugin that is configured to show 10 records at a time, and a server side query that has 42 rows.</p>
<p>When the page first loads, the server generates JSON to show that this is page 1 of 5, 42 records total, and gives the 10 records; These display no problem.</p>
<p>When I use the pagination buttons, these generate an AJAX call to the server asking for the appropriate page. The response contains a new set of 10 records (or 2 for the last page.).</p>
<p>My problem is that the jqGrid doesn&#39;t refresh after getting the server response &#8211; it continues to show the data that was originally loaded &#160;(page 1). Also, while the buttons are active appropriately (I can click next until I hit the last page and each one generates an AJAX call), the button display doesn&#39;t change &#8211; the previous button is always shown disabled, for example. (but it works, and generate the appropriate AJAX call.)</p>
<p>Here&#39;s some code that shows the issue:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit8427' value='Select Code' data-codeid='sfcode8427' /></p>
<div class='sfcode' id='sfcode8427'>
<pre>$(&#34;#filingGrid&#34;).jqGrid({
url: CCF.docroot + &#34;cfcs/grid/filings.cfc?method=getFilingsByEntity&#38;le_id=31902&#38;returnFormat=plain&#34;,
  datatype: &#34;json&#34;,
  colNames:[&#39;Status&#39;, &#39;Filing ID&#39;,&#39;Frequency&#39;, &#39;Year&#39;, &#39;Period Start&#39;,&#39;Period End&#39;, &#39;Due Date&#39;, &#39;Filed&#39;],
  colModel:[
    {name:&#39;status&#39;, index:&#39;status&#39;, formatter: statusFormatter, align: &#34;center&#34; },
    {name:&#39;id&#39;, index:&#39;id&#39;, classes: &#34;faux-link&#34; },
    {name:&#39;period_description&#39;, index:&#39;period_description&#39;},
    {name:&#39;period_year&#39;, index:&#39;period_year&#39;, width:75},
    {name:&#39;period_start_date&#39;, index:&#39;period_start_date&#39;, formatter: dateFormatter},
    {name:&#39;period_end_date&#39;, index:&#39;period_end_date&#39;, formatter: dateFormatter},
    {name:&#39;external_due&#39;, index:&#39;external_due&#39;, formatter: dateFormatter},
    {name:&#39;external_file&#39;, index:&#39;external_file&#39;, formatter: dateFormatter}
],
  rowNum: 10,
  pager: &#34;#filingGridPager&#34;,
  viewrecords: true
}).jqGrid(&#39;navGrid&#39;,&#39;#filingGridPager&#39;, {});
</pre>
</div>
<p>The HTML this is working on is: &#60;div id="filingGridPager"&#62;&#60;/div&#62;&#60;table id="filingGrid"&#62;&#60;tr&#62;&#60;td&#62;&#60;/td&#62;&#60;/tr&#62;&#60;/table&#62;. I verified I&#39;m loading the locale JS and then the full jqGrid JS (selecting all the various options from the 3.8 download).</p>
</p>
<p>Any help is greatly appreciated, thanks.</p>
]]></description>
        	        	<pubDate>Wed, 13 Oct 2010 00:18:21 +0300</pubDate>
        </item>
</channel>
</rss>