<?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 dynamically build</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/jqgrid-dynamically-build</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/jqgrid-dynamically-build/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>weinhorn on jqGrid dynamically build</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jqgrid-dynamically-build#p29208</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jqgrid-dynamically-build#p29208</guid>
        	        	<description><![CDATA[<p><span id="result_box" lang="en"><span class="hps">Ok, I have</span> <span class="hps">now</span> <span class="hps">solved</span> <span class="hps">itself</span><span>.</span> <span class="hps">The</span> <span class="hps">Colmodel</span> <span class="hps">was present</span> <span class="hps">as a string</span><span>,</span> <span class="hps">it must</span> <span class="hps">be</span> <span class="hps">prepared</span> <span class="hps">again:</span></span></p>
<p>var colmodel = "[";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; for (x = 0; x &#60; cmodel.length; x++) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colmodel += cmodel[x] + ",";<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;&#160;&#160;&#160;&#160; colmodel = colmodel.slice(0, -1);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colmodel += "]";</p>
</p>
<p>And then eval(colmodel);</p>
]]></description>
        	        	<pubDate>Tue, 23 Jul 2013 11:02:01 +0300</pubDate>
        </item>
        <item>
        	<title>weinhorn on jqGrid dynamically build</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/jqgrid-dynamically-build#p29194</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/jqgrid-dynamically-build#p29194</guid>
        	        	<description><![CDATA[<p>Hello!<br />I&#39;ve registered here because I have a little problem.<br />I want to build my jqGrid dynamically. All values â€‹â€‹come from the SQL DB. The table is set up correctly, just does not the paging, sorting and filtering. When I enter my colmodel directly in the script, then everything works. So the string looks in the database for each field:</p>
<p>ID&#160; colModel (column in DB, text)<br />&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />1&#160;&#160; name: &#39;ID&#39;, index: &#39;ID&#39;, width: 60, sorttype: &#39;int&#39;<br />2&#160;&#160; name: &#39;Title&#39;, index: &#39;Title&#39;, width: 90, align: &#39;right&#39;, search: true, searchoptions: { sopt: [&#39;cn&#39;]}<br />&#8230;</p>
<p>And here is a part of the script on the client side:</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; function loadGrid() {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $.ajax({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; type: "POST",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: siteName + "/_vti_bin/IntranetWCFcustomService/myWCFservice.svc/getSettingForJqGrid?serverName=" + serverName + "&#38;dbName=" + dbName + "&#38;tableName=" + $("#tableName").val() + "&#38;viewsID=" + $("#viewsID").val() + "&#38;formID=" + $("#formID").val(),<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; success: function (response) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var gridName = response[0]["Titel"];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var cnames = response[0]["ColNames"];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var cmodel = response[0]["ColModels"];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var rowNum = response[0]["RowNum"];</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; jQuery("#list_inventory").jqGrid({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: siteName + "/_vti_bin/IntranetWCFcustomService/myWCFservice.svc/getSqlData?serverName=" + serverName + "&#38;dbName=" + dbName + "&#38;tableName=" + $("#tableName").val() + "&#38;viewsID=" + $("#viewsID").val() + "&#38;formID=" + $("#formID").val(),<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; height: $("#&#60;%=_ClientID.Text %&#62;_heightValue").val(),<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; autowidth: true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowNum: rowNum,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowList: [10, 20, 30],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colNames: cnames,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colModel: cmodel,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: "#plist_inventory",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortname: &#39;ID&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortorder: &#39;ASC&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; onSelectRow: function (ID) { getDetails(ID); },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; caption: gridName,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; toolbar: [true, "top"]<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }).navGrid(&#39;#plist_inventory&#39;, { edit: false, add: false, del: false, search: false });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; jQuery("#list_inventory").jqGrid(&#39;filterToolbar&#39;, { stringResult: true, searchOnEnter: 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; error: function (response) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; alert(response.responseText);<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; });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return false;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>Where can the problem be then?&#160; If I would have my ColModel string in the wrong format, I would get an error message that COLNAMES and CoModel have different lengths. I do not get this message.<br />I&#39;m sorry for my English!</p>
<p>Sincerely yours<br />wolfgang</p>
]]></description>
        	        	<pubDate>Fri, 19 Jul 2013 09:48:35 +0300</pubDate>
        </item>
</channel>
</rss>