<?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: only load grid on request</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1</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/only-load-grid-on-request-1/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on only load grid on request</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6796</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6796</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>hiddengrid have effect only the first time when the gird is loaded. After that there is no effect. Also serch this forum for "HeaderButton" and you will find the answer.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Wed, 20 May 2009 12:35:30 +0300</pubDate>
        </item>
        <item>
        	<title>prbabu on only load grid on request</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6745</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6745</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>&#160;Pretty much the same problem. I am doing this</p>
<p>jQuery(&#39;#list&#39;).setGridParam({ hiddengrid: false });</p>
<p>and then</p>
<p>&#160;jQuery(&#39;#list&#39;).trigger("reloadGrid");</p>
<p>But still the grid is collapsed. How to expand the grid using grid method/properties?</p>
<p>Thanks for this great grid! Appreciate the time you put in.</p>
<p>-Praveen</p>
]]></description>
        	        	<pubDate>Mon, 18 May 2009 19:32:34 +0300</pubDate>
        </item>
        <item>
        	<title>violinssoundcool on only load grid on request</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6730</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6730</guid>
        	        	<description><![CDATA[<p>I&#39;m having a similar issue.&#160; I&#39;m trying to get the grid to be hidden initially but then not hidden when an option is clicked on in a select box.&#160; Right now, the grid is hidden when the page is loaded, but it stays hidden, and I can&#39;t get it to be shown unless I click the arrow in the top right corner.&#160; Here is a basic version of my code:</p>
<p>&#60;script language="JavaScript"&#62;<br />&#160;&#160; <br />&#160; function ElementWidth(elem)<br />&#160; {<br />&#160;&#160;&#160; var w = $(elem).outerWidth() -(8*5)-2<br />&#160;&#160;&#160; alert(w);<br />&#160;&#160;&#160; return w;<br />&#160; }<br />&#160;&#160;&#160; &#160;&#160;&#160; <br />&#160; function ChangeWarehouse()<br />&#160; {<br />&#160;&#160;&#160; var warehouse;<br />&#160;&#160;&#160; var surl;<br />&#160;&#160;&#160; warehouse = document.getElementById("warehouse").value;<br />&#160;&#160;&#160; if(warehouse=="")<br />&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160; warehouse="0";<br />&#160;&#160;&#160; }<br />&#160;&#160;&#160; surl ="RINVINQW2?warehouse="+warehouse; <br />&#160;&#160;&#160; $(&#39;#results&#39;).setGridParam({url:surl, hiddengrid:false});<br />&#160;&#160;&#160; $(&#39;#results&#39;).trigger("reloadGrid");<br />&#160; }&#160;&#160;&#160; <br />&#160;&#160;&#160; <br />&#160; $(document).ready(function()<br />&#160; {<br />&#160;&#160;&#160; $(&#39;#warehouse&#39;).focus();<br />&#160;&#160;&#160; var columnNames = [&#39;id&#39;,&#39;Customer&#39;,&#39;Quantity&#39;,&#39;Value&#39;];<br />&#160;&#160;&#160; var columnModel = <br />&#160;&#160;&#160; [<br />&#160;&#160;&#160;&#160;&#160; {name:&#39;id&#39;, hidden:true, index:&#39;id&#39;},<br />&#160;&#160;&#160; &#160; {name:&#39;customer&#39;, resizable:false, index:&#39;customer&#39;, width:300, align:&#39;left&#39;},<br />&#160;&#160;&#160; &#160; {name:&#39;quantity&#39;, resizable:false, index:&#39;quantity&#39;, width:130, align:&#39;center&#39;},<br />&#160;&#160;&#160; &#160; {name:&#39;value&#39;, resizable:false, index:&#39;value&#39;, align:&#39;center&#39;, width:130},<br />&#160;&#160;&#160; ];<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; <br />&#160;&#160;&#160; var gridwidth = $(&#39;.tableContainer&#39;).width();<br />&#160;&#160;&#160; gridwidth = gridwidth-26;</p>
<p>&#160;&#160;&#160; $("#results").jqGrid(<br />&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160; url: "rinvinqw2?warehouse="+document.getElementById("warehouse").value,<br />&#160;&#160;&#160;&#160;&#160; datatype: "json",<br />&#160;&#160;&#160; &#160; mtype: &#39;GET&#39;,<br />&#160;&#160;&#160; &#160; gridstate: &#39;hidden&#39;,<br />&#160;&#160;&#160;&#160;&#160; colNames: columnNames,<br />&#160;&#160;&#160;&#160;&#160; colModel: columnModel,<br />&#160;&#160;&#160; &#160; viewrecords: true,<br />&#160;&#160;&#160; &#160; width: gridwidth,<br />&#160;&#160;&#160;&#160;&#160; height: &#39;350px&#39;,<br />&#160;&#160;&#160; &#160; loadComplete: function()<br />&#160;&#160;&#160; &#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160; var udata = $(&#39;#results&#39;).getUserData();<br />&#160;&#160;&#160; &#160;&#160;&#160; $(&#39;#t_results&#39;).css("text-align","right").html("...");<br />&#160;&#160;&#160; &#160;&#160;&#160; $(&#39;#cb&#39;).prev().remove();<br />&#160;&#160;&#160; &#160;&#160;&#160; if($(&#39;#results&#39;).getGridParam("records")==0)<br />&#160;&#160;&#160; &#160;&#160;&#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160; $(&#39;#noResults&#39;).dialog("open");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; else<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160; var page = $(&#39;#results&#39;).getGridParam("page");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var records = $(&#39;#results&#39;).getGridParam("records");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var recordsPP = $(&#39;#results&#39;).getGridParam("rowNum");<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var x = records/recordsPP;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var returnArray = [];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if(x &#60; page)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160; iterLimit = records%recordsPP;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; else<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160; iterLimit = recordsPP;<br />&#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;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; for(var i=1; i&#60;=iterLimit; i++)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#39;#&#39;+i).children(&#39;td:first&#39;).next().addClass(&#39;link&#39;).css("cursor","pointer").css("color","blue").css("text-decoration","underline");<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; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var ord = $(&#39;#&#39;+i).children(&#39;td:first&#39;).next().text();<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; $(&#39;#&#39;+i).children(&#39;td:first&#39;).next().click(function()<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160; ord = $(this).text();<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160; window.location.href = "RINVINQW2?warehouse="+warehouse;<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; <br />&#160;&#160;&#160; &#160; subGrid: true,<br />&#160;&#160;&#160; &#160; subGridRowExpanded: function(subgrid_id, row_id)<br />&#160;&#160;&#160; &#160; {&#160;&#160;&#160; <br />&#160;&#160; &#160;&#160;&#160;&#160; ...</p>
<p>&#160;&#160;&#160;&#160;&#160; });</p>
<p>&#160;&#160;&#160;&#160;&#160; shrinkToFit: true,<br />&#160;&#160;&#160;&#160;&#160; jsonReader:<br />&#160;&#160;&#160; &#160; {<br />&#160;&#160;&#160; &#160;&#160;&#160; root: "rows",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; page: "page",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; total: "total",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; records: "records",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; repeatitems : false<br />&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160; });<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; <br />&#160;&#160;&#160; function gridReload()<br />&#160;&#160;&#160; {<br />&#160; &#160; &#160; var warehouse = $(&#39;#warehouse&#39;).val();<br />&#160;&#160;&#160;&#160; $(&#39;#results&#39;).setGridParam({url:"rinvinqw2?warehouse="+warehouse,page:1,hiddengrid:false}).trigger("reloadGrid");<br />&#160;&#160;&#160; }<br />&#160; });<br />&#60;/script&#62;</p>
]]></description>
        	        	<pubDate>Fri, 15 May 2009 10:26:35 +0300</pubDate>
        </item>
        <item>
        	<title>tony on only load grid on request</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6279</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6279</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Try hiddengrid:true. See docs and demos.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Sat, 25 Apr 2009 05:35:44 +0300</pubDate>
        </item>
        <item>
        	<title>kritro on only load grid on request</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6224</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/only-load-grid-on-request-1#p6224</guid>
        	        	<description><![CDATA[<p>Hello</p>
<p>Anyone have an idea what would be the best way to not show the grid when page is loaded and only show it based on an event, like click, and then with custom data set with for eks <strong>jQuery(&#8221;#grid_id&#8221;).setPostData( newdata)</strong>.</p>
<p>I can ofcource show an empty grid and do an setPostData and triggerReload, but I hoped to not do that.</p>
<p>By the way, this is a great plugin that I&#39;ve used several times.</p>
<p>kritro</p>
]]></description>
        	        	<pubDate>Wed, 22 Apr 2009 11:34:33 +0300</pubDate>
        </item>
</channel>
</rss>