<?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: Autoloading Tree Nodes</title>
	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes</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/treegrid/autoloading-tree-nodes/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>InsaneWookie on Autoloading Tree Nodes</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p18581</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p18581</guid>
        	        	<description><![CDATA[<p>Never mind.</p>
<p>It turns out that I had a period in my rowid (eg "7.1").</p>
</p>
<p>Turns out that jQuery needs special characters in the ID selector to be escaped</p>
<p>"If the id contains characters like periods or colons you have to <a href="http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_by_an_ID_that_has_characters_used_in_CSS_notation.3F" target="_blank">escape  those characters with backslashes</a>." (<a href="http://api.jquery.com/id-selector/" rel="nofollow" target="_blank">http://api.jquery.com/id-selector/</a>)</p>
</p>
<p>Seems there was a change the way the row was being selected which caused this to not with with ID with special characters.</p>
</p>
<p>I just chaged the ID to not use periods anymore</p>
</p>
<p>Rowan</p>
]]></description>
        	        	<pubDate>Wed, 14 Jul 2010 08:08:44 +0300</pubDate>
        </item>
        <item>
        	<title>InsaneWookie on Autoloading Tree Nodes</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p18580</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p18580</guid>
        	        	<description><![CDATA[<p>I think I&#39;m having the same problem</p>
</p>
<p>Since upgrading from version 3.6.4 to 3.7.2 loading at once on tree grids do not seem to be working correctly.</p>
<p>The data loads into the grid correctly by when I click on a row to expand it out nothing happens.</p>
<p>If I set the rows to be expanded, they show expanded with the correct sub rows showing but clicking on the top level row does not collapse it.</p>
<p>It looks like it maybe something to do with the event that is fired when expanding the row. As far as I can tell the event is being triggered and run but it has no effect on the grid</p>
</p>
<p>Rolling back to the previous version of jqGrid solves the problem.</p>
</p>
<p>I have tried with both JSON and XML with no success.</p>
</p>
<p>If I load the sub rows on demand it seems to work correctly, but this is not what I want. I want to be able to load all rows and sub rows at once.</p>
</p>
<p>I would really like to be able to use the latest version as it has some bug fixes that I require.</p>
</p>
<p>Cheers</p>
<p>Rowan</p></p>
]]></description>
        	        	<pubDate>Wed, 14 Jul 2010 07:17:06 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Autoloading Tree Nodes</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p17226</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p17226</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Will try to test it as soon as possible. Also I will test it with the last release.</p>
<p>Best Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Mon, 17 May 2010 19:49:48 +0300</pubDate>
        </item>
        <item>
        	<title>retnip on Autoloading Tree Nodes</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p16865</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p16865</guid>
        	        	<description><![CDATA[<p>Here is the initial server response:</p>
<pre><p><input type='button' class='sfcodeselect' name='sfselectit674' value='Select Code' data-codeid='sfcode674' /></p><div class='sfcode' id='sfcode674'>{"page":1,"total":1,"rows":[{"id":"e11d23a489cd4250a84ae0461ac0a480","cell":["First contract","Andy</div><p><input type='button' class='sfcodeselect' name='sfselectit7411' value='Select Code' data-codeid='sfcode7411' /></p><div class='sfcode' id='sfcode7411'> Brolan","2010-04-24","2011-04-24","Version bump. Customer modified\/updated.",0,null,"false","false"</div><p><input type='button' class='sfcodeselect' name='sfselectit367' value='Select Code' data-codeid='sfcode367' /></p><div class='sfcode' id='sfcode367'>]},{"id":"059c8db68dc5413ab6d84817ecb61b9b","cell":["Second contract","Andy Brolan","2010-04-24","2012-04-24"</div><p><input type='button' class='sfcodeselect' name='sfselectit2371' value='Select Code' data-codeid='sfcode2371' /></p><div class='sfcode' id='sfcode2371'>,"Version bump. Customer modified\/updated.",0,null,"false","false"]},{"id":"a7d26c163f9543b89304b6eb8da5b762"</div><p><input type='button' class='sfcodeselect' name='sfselectit1616' value='Select Code' data-codeid='sfcode1616' /></p><div class='sfcode' id='sfcode1616'>,"cell":["Third Contract","Andy Brolan","2010-04-23","2013-03-23","Version bump. Customer modified\/updated</div><p><input type='button' class='sfcodeselect' name='sfselectit2085' value='Select Code' data-codeid='sfcode2085' /></p><div class='sfcode' id='sfcode2085'>.",0,null,"false","false"]},{"id":"777f97f4f1c443cd804037179b34efd5","cell":["Fifth contract","Andy Brolan"</div><p><input type='button' class='sfcodeselect' name='sfselectit6106' value='Select Code' data-codeid='sfcode6106' /></p><div class='sfcode' id='sfcode6106'>,"2010-05-25","2015-05-25","Version bump. Customer modified\/updated.",0,null,"false","false"]}],"records"</div><p><input type='button' class='sfcodeselect' name='sfselectit6783' value='Select Code' data-codeid='sfcode6783' /></p><div class='sfcode' id='sfcode6783'>:4}</div></pre>
]]></description>
        	        	<pubDate>Mon, 03 May 2010 17:17:32 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Autoloading Tree Nodes</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p16838</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p16838</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Could you please post your initial server response when the grid load data?</p>
</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Sun, 02 May 2010 14:15:03 +0300</pubDate>
        </item>
        <item>
        	<title>retnip on Autoloading Tree Nodes</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p16827</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/autoloading-tree-nodes#p16827</guid>
        	        	<description><![CDATA[<p>In the past, I&#39;ve been able to successfully implement autoloading tree nodes.&#160; Today, when I attempt to implement another tree grid with autoloading, the expanding of a selected row does not work.&#160; I copied much of my existing (good) code to this new implementation.</p>
<p>Specifically, the root nodes load successfully.&#160; But when I click on a &#39;+&#39; the image toggles to a &#39;-&#39; but no ajax call is made to the server to retrieve child nodes.&#160; Very strange...as this code was working perfectly in previous implementation.&#160; Any thoughts as to what would prevent jqGrid from issuing child node ajax calls?&#160; Below is my config:</p>
</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#39;#table-contracts-new-draft&#39;).jqGrid({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; treeGrid: true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; treeGridModel: &#39;adjacency&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ExpandColumn : &#39;name&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: &#39;/contracts/asynccustomer/contracts&#39; + contractsRequestParams(),<br />&#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; jsonReader : {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; root: "rows",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; page: "page",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; total: "total",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; records: "records",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; repeatitems: true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; cell: "cell",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; id: "id",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; userdata: "userdata"<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; mtype: "GET",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colNames:[&#39;Project Name&#39;, &#39;Sales Rep&#39;, &#39;Start Date&#39;, &#39;End Date&#39;, &#39;System Notes&#39;],<br />&#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; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;name&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; index: &#39;name&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 400,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; hidden: false,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortable: false<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; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;rep&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; index: &#39;rep&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 200,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; hidden: false,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortable: false<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; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;startdt&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; index: &#39;startdt&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 130,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; hidden: false,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortable: false<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; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;enddt&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; index: &#39;enddt&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 130,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; hidden: false,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortable: false<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; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;notes&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; index: &#39;sysnotes&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 400,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; hidden: false,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortable: false<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; ],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; height: &#39;auto&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: &#39;auto&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: false,<br />&#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; sortorder: "desc",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; loadError : function(xhr, status, error) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; console.log(xhr);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; console.log(status);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; console.log(error);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if (xhr.responseText.length &#62; 0) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#39;#contracts-new-draft&#39;).replaceWith(&#39;&#60;b&#62;&#39;+xhr.responseText+&#39;&#60;/b&#62;&#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; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; });</p>
]]></description>
        	        	<pubDate>Sat, 01 May 2010 00:49:11 +0300</pubDate>
        </item>
</channel>
</rss>