<?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: how to pass parameters to dataUrl</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/how-to-pass-parameters-to-dataurl</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/how-to-pass-parameters-to-dataurl/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>KTanzer on how to pass parameters to dataUrl</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/how-to-pass-parameters-to-dataurl#p30042</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/how-to-pass-parameters-to-dataurl#p30042</guid>
        	        	<description><![CDATA[<p>&#160;I&#39;d like to get the html &#39;&#60;select&#62;...&#60;/select&#62;&#39; from the&#160;GetGradeDescList method of the StartingPoint controller (blue highlight below)&#160;to populate the dropdown listbox when editing the row, but cannot figure out the correct invocation to pass the parameters.&#160; What am I missing?</p>
<p>Code:</p>
<p>&#160;&#160;&#160; function loadGrid() {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; var blend = $("#Blends").val();</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; var urlstring = &#39;&#60;%= Url.Action("GetStartingPoint", "StartingPoint")%&#62;&#39; + &#39;?blend=&#39; + blend;</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; var gradeTypeCd;</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; var gradeCd;</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; var units;</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#39;#fu&#39;).jqGrid({</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: urlstring,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; datatype: &#39;json&#39;,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; mtype: &#39;GET&#39;,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colNames: [&#39;Id&#39;, &#39;Grade Type Cd&#39;, &#39;Grade Cd&#39;, &#39;Units&#39;, &#39;GradeDesc&#39;],</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colModel: [</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;Id&#39;, key: true, index: &#39;Id&#39;, width: 20, align: &#39;left&#39;, editable: false, hidden: true },</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;GradeTypeCd&#39;, key: true, index: &#39;gradeTypeCd&#39;, width: 150, align: &#39;left&#39;, editable: false },</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;GradeCd&#39;, index: &#39;gradeCd&#39;, width: 100, align: &#39;left&#39;, editable: false },</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;Units&#39;, index: &#39;units&#39;, width: 50, align: &#39;left&#39;, editable: false },</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;GradeDesc&#39;, index: &#39;gradeDesc&#39;, width: 250, align: &#39;left&#39;, editable: true, edittype: &#39;select&#39;,</p>
<p><span style="color: #0000ff;">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editoptions: { dataUrl: &#39;&#60;%=Url.Action("GetGradeDescList", "StartingPoint")%&#62;&#39; + &#39;?blend=&#39; + blend + &#39;&#38;gradeTypeCd=&#39; + gradeTypeCd + &#39;&#38;gradeCd=&#39; + gradeCd + &#39;&#38;unit=&#39; + units },</span></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ],</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: $("#pager"),</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; viewrecords: true,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; height: 400,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 600,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; toppager: true,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowNum: 50,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowList: [10, 20, 50],</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; imgpath: &#39;~/Scripts/Themes/sand/images&#39;,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; caption: &#39;View/Edit Starting Points&#39;,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; gridview: true,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; jsonReader: { repeatitems: true, id: "Id", cell: "cell", root: "rows", page: "page", total: "total", records: "records" },</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; onSelectRow: function (id) {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var grid = jQuery(&#39;#fu&#39;);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;var row_id = grid.jqGrid(&#39;getGridParam&#39;, &#39;selrow&#39;);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; gradeTypeCd = grid.jqGrid(&#39;getCell&#39;, row_id, &#39;GradeTypeCd&#39;);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; gradeCd = grid.jqGrid(&#39;getCell&#39;, row_id, &#39;GradeCd&#39;);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; units = grid.jqGrid(&#39;getCell&#39;, row_id, &#39;Units&#39;);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; //alert("blend = " + blend + ", gradeTypeCd = " + gradeTypeCd + ", gradeCd = " + gradeCd + ", unit= " + units);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; }).navGrid("#pager", { edit: true, add: false, del: false, refresh: true, search: false },</p>
</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: &#39;&#60;%= Url.Action("EditStartingPoint", "StartingPoint")%&#62;&#39;,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; onclickSubmit: function (params, postdata) {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; postdata.BlendCd = $("#Blends").val()</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; closeAfterEdit: true,</p>
<p>&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;reloadAfterSubmit: true,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; onSubmit: function (response) {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; alert(response.responseText);</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>&#160;&#160;&#160;&#160;&#160; );</p>
<p>&#160;&#160;&#160; }</p>
</p>
<p>Controller Code:</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; public string GetGradeDescList(string blend, string gradeTypeCd, string gradeCd, int unit)</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; string selectList = "&#60;select&#62;";</p>
<p>&#160;...&#160;string concatentation removed for brevity ...&#160;</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; selectList = selectList + "&#60;/select&#62;";</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return selectList;</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
]]></description>
        	        	<pubDate>Sat, 04 Jan 2014 00:07:45 +0200</pubDate>
        </item>
</channel>
</rss>