<?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: Preserve scroll position after ReloadGrid</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/preserve-scroll-position-after-reloadgrid</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/preserve-scroll-position-after-reloadgrid/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Klaus on Preserve scroll position after ReloadGrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/preserve-scroll-position-after-reloadgrid#p24803</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/preserve-scroll-position-after-reloadgrid#p24803</guid>
        	        	<description><![CDATA[<p>I&#39;ve just found a simple solution for that problem on my own by extending the selectionPreserver function:&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;</p>
<p><input type='button' class='sfcodeselect' name='sfselectit1819' value='Select Code' data-codeid='sfcode1819' /></p>
<div class='sfcode' id='sfcode1819'>selectionPreserver : function(ts) {<br />&#160; var p = ts.p;<br />&#160; var sr = p.selrow, sra = p.selarrrow ? $.makeArray(p.selarrrow) : null;<br />&#160; var left = ts.grid.bDiv.scrollLeft;<br />&#160; var complete = p.gridComplete;<br />&#160; <strong>// FIX to keep scroll position on reload - store old scroll position<br />&#160; var oldScrollTop = $(ts.grid.bDiv)[0].scrollTop;</strong><br />&#160; <br />&#160; p.gridComplete = function() {<br />&#160;&#160;&#160; p.selrow = null;<br />&#160;&#160;&#160; p.selarrrow = [];<br />&#160;&#160;&#160; if(p.multiselect &#38;&#38; sra &#38;&#38; sra.length&#62;0) {<br />&#160;&#160; &#160;&#160; for(var i=0;i&#60;sra.length;i++){<br />&#160;&#160; &#160;&#160;&#160;&#160; if (sra[i] != sr) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160; $(ts).jqGrid(&#34;setSelection&#34;,sra[i],false);<br />&#160;&#160; &#160;&#160;&#160;&#160; }<br />&#160;&#160; &#160;&#160; }<br />&#160;&#160;&#160; }<br />&#160;&#160;&#160; if (sr) {<br />&#160;&#160;&#160;&#160;&#160; $(ts).jqGrid(&#34;setSelection&#34;,sr,false);<br />&#160;&#160;&#160; }<br />&#160;&#160;&#160; ts.grid.bDiv.scrollLeft = left;<br />&#160;&#160;&#160; <strong>// FIX to keep scroll position on reload - restore old scroll position<br />&#160;&#160;&#160; if(oldScrollTop &#62;= 0) {<br />&#160;&#160; &#160;&#160; $(ts.grid.bDiv)[0].scrollTop = oldScrollTop;<br />&#160;&#160;&#160; }</strong><br />&#160;&#160;&#160; <br />&#160;&#160;&#160; p.gridComplete = complete;<br />&#160;&#160;&#160; if (p.gridComplete) {<br />&#160;&#160; &#160;&#160; complete();<br />&#160;&#160;&#160; }<br />&#160; };<br />}</div>
]]></description>
        	        	<pubDate>Tue, 04 Oct 2011 11:11:42 +0300</pubDate>
        </item>
        <item>
        	<title>Klaus on Preserve scroll position after ReloadGrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/preserve-scroll-position-after-reloadgrid#p24796</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/preserve-scroll-position-after-reloadgrid#p24796</guid>
        	        	<description><![CDATA[<p>Hello!</p>
<p>Is it possible to preserve the current scroll position of the user after a ReloadGrid was triggered?</p>
<p>Explanation: I&#39;m using the grid with automatic update (ReloadGrid) every 5 seconds with 100 rows but not all are visible, so there is a vertical scroll bar. But when the user scrolls to the bottom his scrollbar is set to the top again after every ReloadGrid call.</p>
<p>Is there a solution to keep the scroll position or to reset the scroll position afterwards?</p>
<p>Kind regards,<br />Klaus.</p>
]]></description>
        	        	<pubDate>Mon, 03 Oct 2011 18:56:49 +0300</pubDate>
        </item>
</channel>
</rss>