<?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: jqGrid with subgrid hanging when the parent column headers are clicked</title>
	<link>http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked</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/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on jqGrid with subgrid hanging when the parent column headers are clicked</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4276</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4276</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Sorry, I do not have look into the code deeper. It should work, but you should care in you case about the following:</p>
<p>The expression:</p>
<p>&#160;datastr : childStr[row_id-1]</p>
<p>Can not be evalueted good - I think the better way will be:</p>
<p>&#160;datastr : childStr[parseInt(row_id,10)-1],</p>
<p>The reason for this is the row_id is interpreted as string and not as number.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Sat, 31 Jan 2009 05:46:32 +0200</pubDate>
        </item>
        <item>
        	<title>milestogo80 on jqGrid with subgrid hanging when the parent column headers are clicked</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4266</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4266</guid>
        	        	<description><![CDATA[<p>Thanks for the quick reponse Tony. Really appreciate. I will wait for the fix coming in fianl 3.4 release. Thanks for your time.</p>
]]></description>
        	        	<pubDate>Fri, 30 Jan 2009 16:02:54 +0200</pubDate>
        </item>
        <item>
        	<title>tony on jqGrid with subgrid hanging when the parent column headers are clicked</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4246</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4246</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Currently subgrid does not accept xmlstring and jsonstring parameters.</p>
<p>I will try to correct this in final 3.4 release</p>
<p>Thank you</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Fri, 30 Jan 2009 09:22:50 +0200</pubDate>
        </item>
        <item>
        	<title>milestogo80 on jqGrid with subgrid hanging when the parent column headers are clicked</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4243</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/jqgrid-with-subgrid-hanging-when-the-parent-column-headers-are-clicked#p4243</guid>
        	        	<description><![CDATA[<p>I have the following piece of code to create a jqGrid with subgrid. I see jqGrid is hanging when the subgrid row is expanded and parent colmn headers are clicked to sort the parent grid. Could anybody please tell me if there&#39;s any problem with my code.</p>
</p>
<p>&#160;&#160;$(document).ready(function() {</p>
<p>&#160;&#160; var mystr = &#8220;&#60;?xml version=&#39;1.0&#39; encoding=&#39;utf-8&#39;?&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;invoices&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;rows&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;row&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;32998&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;12/03/2008&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;29&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;3.72&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;32.72&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;Call when ready&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;/row&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;row&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;23998&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;12/13/2008&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;51.10&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;13.72&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;64.82&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;cell&#62;Special Order&#60;/cell&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;/row&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;/rows&#62;&#8221;;</p>
<p>&#160;&#160; &#160;mystr += &#8220;&#60;/invoices&#62;&#8221;;</p>
</p>
<p>&#160;&#160; &#160;var childStr = [];</p>
</p>
<p>&#160;&#160; &#160;childStr[0] = "&#60;?xml version=&#39;1.0&#39; encoding=&#39;utf-8&#39;?&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;items&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;rows&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;row&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;cell&#62;Pizza&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;cell&#62;2&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;cell&#62;14.50&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;/row&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;row&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;cell&#62;Ghirardelli Chocolette&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;cell&#62;2&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;cell&#62;14.50&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;/row&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;/rows&#62;";</p>
<p>&#160;&#160; &#160;childStr[0] += "&#60;/items&#62;";</p>
</p>
<p>&#160;&#160; &#160;childStr[1] = "&#60;?xml version=&#39;1.0&#39; encoding=&#39;utf-8&#39;?&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;items&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;rows&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;row&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;cell&#62;Pasta&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;cell&#62;1&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;cell&#62;10.40&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;/row&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;row&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;cell&#62;Biriyani&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;cell&#62;3&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;cell&#62;40.70&#60;/cell&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;/row&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;/rows&#62;";</p>
<p>&#160;&#160; &#160;childStr[1] += "&#60;/items&#62;";</p>
</p>
<p>&#160;&#160; jQuery(&#8221;#list&#8221;).jqGrid({</p>
<p>&#160;&#160; &#160;datatype: &#39;xmlstring&#39;,</p>
<p>&#160;&#160; &#160;datastr : mystr,</p>
<p>&#160;&#160; &#160;colNames:[&#39;Inv No&#39;,&#39;Date&#39;, &#39;Amount&#39;,&#39;Tax&#39;,&#39;Total&#39;,&#39;Notes&#39;],</p>
<p>&#160;&#160; &#160;colModel :[</p>
<p>&#160;&#160; &#160; &#160;{name:&#39;invid&#39;, index:&#39;invid&#39;, width:55, sorttype:&#39;int&#39;},</p>
<p>&#160;&#160; &#160; &#160;{name:&#39;invdate&#39;, index:&#39;invdate&#39;, width:90, sorttype:&#39;date&#39;,</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; datefmt:&#39;Y-m-d&#39;},</p>
<p>&#160;&#160; &#160; &#160;{name:&#39;amount&#39;, index:&#39;amount&#39;, width:80, align:&#39;right&#39;,</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;sorttype:&#39;float&#39;},</p>
<p>&#160;&#160; &#160; &#160;{name:&#39;tax&#39;, index:&#39;tax&#39;, width:80, align:&#39;right&#39;, sorttype:&#39;float&#39;},</p>
<p>&#160;&#160; &#160; &#160;{name:&#39;total&#39;, index:&#39;total&#39;, width:80, align:&#39;right&#39;, sorttype:&#39;float&#39;},</p>
<p>&#160;&#160; &#160; &#160;{name:&#39;note&#39;, index:&#39;note&#39;, width:150, sortable:false} ],</p>
<p>&#160;&#160; &#160;pager: jQuery(&#39;#pager&#39;),</p>
<p>&#160;&#160; &#160;rowNum:10,</p>
<p>&#160;&#160; &#160;viewrecords: true,</p>
<p>&#160;&#160; &#160;imgpath: &#39;/jquery/plugins/jqgrid/themes/basic/images&#39;,</p>
<p>&#160;&#160; &#160;caption: &#39;Table Grid from XML String&#39;,</p>
<p>&#160;&#160; &#160;width:900,</p>
<p>&#160;&#160; &#160;height:350,</p>
<p>&#160;&#160; &#160;subGrid: true,</p>
<p>&#160;&#160; &#160;subGridRowColapsed: function(subgrid_id, row_id) {},</p>
<p>&#160;&#160; &#160;subGridRowExpanded: function(subgrid_id, row_id) {</p>
<p>&#160;&#160; &#160;var subgrid_table_id;</p>
<p>&#160;&#160; &#160;subgrid_table_id = subgrid_id+&#8221;_t&#8221;;</p>
</p>
<p>&#160;&#160; &#160;//alert(row_id);</p>
<p>&#160;&#160; &#160;jQuery(&#8221;#&#8221;+subgrid_id).html(&#8221;&#60;table id=&#39;&#8221;+subgrid_table_id+&#8221;&#39; class=&#39;scroll&#39;&#62;&#60;/table&#62;&#8221;);</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160;jQuery(&#8221;#&#8221;+subgrid_table_id).jqGrid({</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;datatype: &#39;xmlstring&#39;,</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;datastr : childStr[row_id-1],</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;colNames:[&#39;Item&#39;,&#39;Quantity&#39;, &#39;Price&#39;],</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;colModel :[</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; {name:&#39;itemid&#39;, index:&#39;itemid&#39;, width:50, sorttype:&#39;text&#39;},</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; {name:&#39;qtyid&#39;, index:&#39;qtyid&#39;, width:50, sorttype:&#39;int&#39;},</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; {name:&#39;priceid&#39;, index:&#39;priceid&#39;, width:50, align:&#39;left&#39;,</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;sorttype:&#39;float&#39;},</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;],</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;width: 500,</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;height:100</p>
</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160;}) //end of child grid</p>
<p>&#160;&#160; &#160; &#160;} //end of subgridrowexpanded</p>
<p>&#160;&#160;}); //end of parent grid</p>
<p>&#160;}); //end of document ready</p>
<p>&#60;/script&#62;</p></p>
]]></description>
        	        	<pubDate>Fri, 30 Jan 2009 01:38:42 +0200</pubDate>
        </item>
</channel>
</rss>