<?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: javascript error when creating treegrid</title>
	<link>http://www.trirand.com/blog/?page_id=393/treegrid/javascript-error-when-creating-treegrid</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/javascript-error-when-creating-treegrid/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>nhowerton on javascript error when creating treegrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/javascript-error-when-creating-treegrid#p26357</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/javascript-error-when-creating-treegrid#p26357</guid>
        	        	<description><![CDATA[<p>I&#39;m using jqGrid 4.3.1 to create a treegrid with local data. I keep getting the following javascript error:</p>
<blockquote>
<p>Uncaught TypeError: Cannot read property &#39;0&#39; of undefined</p>
</blockquote>
<p>I can&#39;t figure out what is wrong with my jqGrid definition. I&#39;ve looked at the wiki, the forums, and stackoverflow. It looks right to me, but I can&#39;t seem to figure this one out. Any help would be greatly appreciated. Here&#39;s my code:</p>
<blockquote>
<div>
<p><input type='button' class='sfcodeselect' name='sfselectit6237' value='Select Code' data-codeid='sfcode6237' /></p>
<div class='sfcode' id='sfcode6237'>
<div>&#60;html&#62;</div>
<div>&#160; &#160;&#60;head&#62;</div>
<div><span style="white-space:pre"> </span>...(script includes)</div>
<div>&#160; &#160;&#60;/head&#62;</div>
<div><span style="white-space:pre"> </span>&#60;body&#62;</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>&#60;div id="orgTreeFilter"&#62;</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>&#60;table id="orgTree"&#62;&#60;/table&#62;</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>&#60;div id="orgPager"&#62;&#60;/div&#62;</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>&#60;/div&#62;</div>
<div><span style="white-space:pre"> </span>&#60;/body&#62;</div>
<div>&#60;/html&#62;</div>
<div>&#60;script&#62;</div>
<div><span style="white-space:pre"> </span>$(document).ready(function() {</div>
<div><span style="white-space:pre"> </span>&#160; &#160; &#160; &#160;&#160;var orgs = [];</div>
<div><span style="white-space:pre"> </span>&#160; &#160; &#160; &#160;&#160;var orgs[0] = {</div>
<div><span style="white-space:pre"> </span>&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;organizationId: 16702,</div>
<div><span style="white-space:pre"> </span>&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;orgName: &#39;Test Org&#39;,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>level: 0,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>parent: 0,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>isLeaf: true,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>expanded: false,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>loaded: true,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>selected: false</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>};</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>$(&#39;#orgTree&#39;).jqGrid({</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>data: orgs,</div>
<div><span style="white-space:pre"><span style="white-space: pre;"> </span></span>colNames: ["organizationId", "Organization", ""],</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>colModel : [</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>{name:&#39;organizationId&#39;, index:&#39;organizationId&#39;, hidden:true},</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>{name:&#39;orgName&#39;, index:&#39;orgName&#39;},</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>{name:&#39;selected&#39;, index:&#39;selected&#39;, width:80,align:&#39;center&#39;, editable: <span style="white-space: pre;"> </span>true, edittype: &#39;checkbox&#39;, <span style="white-space:pre"> </span>formatter:&#39;checkbox&#39;, formatoptions: <span style="white-space: pre;"> </span>{disabled: false, class: &#39;selected&#39;}}</div>
<div><span style="white-space:pre"><span style="white-space: pre;"> </span></span>],</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>rowNum: 1000,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>treeGrid: true,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>treeGridModel: &#39;adjacency&#39;,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>treedatatype: &#39;local&#39;,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>ExpandColumn: &#39;orgName&#39;,</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>pager: &#39;#orgPager&#39;&#160; &#160; &#160; &#160; &#160; &#160;</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>});</div>
<div><span style="white-space:pre"> <span style="white-space: pre;"> </span></span>$(&#39;#orgTree&#39;)[0].addJSONData({</div>
<div><span style="white-space:pre"> </span>&#160; &#160;&#160;<span style="white-space: pre;"> </span>total: 1,</div>
<div><span style="white-space:pre"> </span>&#160; &#160;&#160;<span style="white-space: pre;"> </span>page: 1,</div>
<div><span style="white-space:pre"> </span>&#160; &#160;&#160;<span style="white-space: pre;"> </span>records: orgs.length,</div>
<div><span style="white-space:pre"> </span>&#160; &#160;&#160;<span style="white-space: pre;"> </span>rows: orgs</div>
<div><span style="white-space:pre"> </span>&#160;<span style="white-space: pre;"> </span>});</div>
<div>});</div>
<div>&#60;/script&#62;</div>
</div>
</div>
</blockquote>
<div></div>
]]></description>
        	        	<pubDate>Thu, 12 Apr 2012 18:10:13 +0300</pubDate>
        </item>
</channel>
</rss>