<?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: Element is not a table</title>
	<link>http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table</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/bugs/element-is-not-a-table/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Reg on Element is not a table</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table#p22337</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table#p22337</guid>
        	        	<description><![CDATA[<p>Hi Oleg,</p>
<p>Thanks for your reply. In the processs of replying to you, to provide more information, I figured out the problem. I left all of my info here, in case anyone else has the same issue and can learn from my mistake. You don&#39;t need to do anything more for me on this issue.</p>
<p>Thanks,</p>
<p>Reg</p>
</p>
<p>IE9 debugger isn&#39;t telling me anything that I can see is helpful. There are no error messages (although I do see them when I make other mistakes, so it is not just that I am not using it correctly).</p>
<p>My html for the page includes two divs, one for each table:&#160;</p>
<p><input type='button' class='sfcodeselect' name='sfselectit2934' value='Select Code' data-codeid='sfcode2934' /></p>
<div class='sfcode' id='sfcode2934'>&#60;div id=&#34;evalcomps&#34;&#62;&#60;/div&#62;</div>
<p>and</p>
<p><input type='button' class='sfcodeselect' name='sfselectit7021' value='Select Code' data-codeid='sfcode7021' /></p>
<div class='sfcode' id='sfcode7021'>&#60;div id=&#34;questionbank&#34;&#62;&#60;/div&#62;</div>
<p>When the page has loaded, I run scripts to populate these divs using ajax:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit7200' value='Select Code' data-codeid='sfcode7200' /></p>
<div class='sfcode' id='sfcode7200'>
<p>function LoadComponents() {</p>
<p>&#160; $.ajax({</p>
<p>&#160;&#160; &#160;url: &#34;wc.dll?CMProcess~LoadContent~&#38;amp;OnPage=T&#38;amp;Target=Components&#38;amp;sk=35Z0UP71206456&#38;amp;sh=48&#38;NoCache=&#34;+new Date().getTime(),</p>
<p>&#160;&#160;&#160; dataType:&#34;html&#34;,</p>
<p>&#160;&#160;&#160; error: function (req,sttext) { alert(sttext+&#34; : &#34; +req) },</p>
<p>&#160;&#160;&#160; success: function(req) { $(&#34;#evalcomps&#34;).html(req) }</p>
<p>&#160; })</p>
<p>};</p>
<p>function LoadQuestionBank() {</p>
<p>&#160; $.ajax({</p>
<p>&#160;&#160;&#160; url: &#34;wc.dll?CMProcess~LoadContent~&#38;amp;OnPage=T&#38;amp;Target=QuestionBank&#38;amp;sk=35Z0UP71206456&#38;amp;sh=48&#38;NoCache=&#34;+new Date().getTime(),</p>
<p>&#160;&#160;&#160; dataType:&#34;html&#34;,</p>
<p>&#160;&#160;&#160; error: function (req,sttext) { alert(sttext+&#34; : &#34; +req) },</p>
<p>&#160;&#160;&#160; success: function(req) { $(&#34;#questionbank&#34;).html(req) }</p>
<p>&#160; })</p>
<p>};</p>
</div>
<p>The first generates the error (Element is not a table) and does not display; the second works perfectly.</p>
<p>On the server, the called routines define the jqGrid and return html ... duh, and at this point I figured out what I was doing wrong.</p>
<p>The html returned by my routine for the jqGrid that did not work used the same name for the table it generates in code as the div names used on the page. A portion of my returned html looks like this:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit5927' value='Select Code' data-codeid='sfcode5927' /></p>
<div class='sfcode' id='sfcode5927'>
<p>&#60;div align=&#34;center&#34;&#62;</p>
<p>&#60;div id=&#34;srcevalcomps&#34;&#62;&#60;/div&#62;</p>
<p>&#60;div id=&#34;evalcompsTopMessage&#34;&#62;&#60;/div&#62;</p>
<p>&#60;table id=&#34;evalcomps&#34; class=&#34;jqGridTable&#34;&#62;&#60;/table&#62;</p>
<p>&#60;div id=&#34;evalcompsPager&#34; class=&#34;jqGridNavBar&#34; style=&#34;text-align:right;&#34;&#62;&#60;/div&#62;</p>
<p>&#60;div id=&#34;evalcompsMessage&#34;&#62;&#60;/div&#62;</p>
<p>&#60;/div&#62;</p>
<p>&#60;script type=&#34;text/javascript&#34;&#62;</p>
<p>&#60;!--</p>
<p>$(&#34;#evalcomps&#34;).jqGrid( {</p>
<p>url: &#39;wc.dll?CMProcess~AjaxGet~&#38;amp;Data=EvalComps&#38;amp;Key=&#38;amp;sk=35Z0UP71206456&#38;amp;sh=58&#39;,</p>
</div>
<p>Note that table id="evalcomps" matches div id="evalcomps"; once I changed this, the problem went away.</p>
<p>Thanks for listening,</p>
<p>Reg</p>
]]></description>
        	        	<pubDate>Mon, 07 Mar 2011 23:55:25 +0200</pubDate>
        </item>
        <item>
        	<title>OlegK on Element is not a table</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table#p22335</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table#p22335</guid>
        	        	<description><![CDATA[<p>Hi Reg,</p>
<p>I suppose that your code generation for jqGrid has a bug where you either use <strong>&#60;div&#62;</strong> instead of <strong>&#60;table&#62;</strong> or use wrong id in the corresponding jQuery selector, so that use use jQuery(selector).jqGrid with the selector of some other elemets as the <strong>&#60;table&#62;</strong>&#160;which you generated. I recomend you to gebug the code with respect of Developer Tools of IE9 (F12). You should use uncompressed code of jqGrid from the "src" directory of the jqGrid download. See more information <a href="/jqgridwiki/doku.php?id=wiki:how_to_install#development_installation" target="_blank">here</a>.</p>
<p>Best regards<br />Oleg&#160;</p>
]]></description>
        	        	<pubDate>Mon, 07 Mar 2011 22:55:09 +0200</pubDate>
        </item>
        <item>
        	<title>Reg on Element is not a table</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table#p22334</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/element-is-not-a-table#p22334</guid>
        	        	<description><![CDATA[</p>
<p>I&#160;get this error &#8212; &#39;Element is not a table&#39; &#8212; using Version 3.8.2 of jqGrid.</p>
<p>I have two tables on this page, both produced using my library for generating jqGrids (so all I pass are a number of parameters and the routine produces all the common code), but only one jqGrid fails this way.</p>
<p>I can&#39;t see the difference between these two tables, and I don&#39;t understand the error.</p>
<p>I have seen another thread related to this error but the answer didn&#39;t seem to relate: "TABLE" vs &#39;table&#39; &#8212; if "table" is used in my code, it is generated the same for both jqGrids, but only one is failing. Has a fix to that problem been released or should I modify my version myself?</p>
<p>I get it whether I use IE 9&#160;or FireFox 3.6.13</p>
<p>Any help on getting this fixed would be greatly apreciated</p>
<p>Thanks</p>
<p>Reg</p>
]]></description>
        	        	<pubDate>Mon, 07 Mar 2011 21:38:20 +0200</pubDate>
        </item>
</channel>
</rss>