<?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: Display Multiple grids on same page in MVC</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc</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/display-multiple-grids-on-same-page-in-mvc/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>vitormaster on Display Multiple grids on same page in MVC</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23200</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23200</guid>
        	        	<description><![CDATA[<p>Nobody can help in this problem, I've change the id from the two grid like 'a123' and 'b123' to avoid id conflict. And the problem wat not solved:</p>
</p>
<p>onSelectRow: function (id) { alert(' id' + id);}</p></p>
]]></description>
        	        	<pubDate>Mon, 16 May 2011 11:32:01 +0300</pubDate>
        </item>
        <item>
        	<title>vitormaster on Display Multiple grids on same page in MVC</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23199</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23199</guid>
        	        	<description><![CDATA[<p>Nobody can help in this problem, I&#39;ve change the id from the two grid like &#39;a123&#39; and &#39;b123&#39; to avoid id conflict. And the problem wat not solved:</p>
</p>
<p>onSelectRow: function (id) { alert(&#39; id&#39; + id);}</p>
]]></description>
        	        	<pubDate>Mon, 16 May 2011 11:32:00 +0300</pubDate>
        </item>
        <item>
        	<title>vitormaster on Display Multiple grids on same page in MVC</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23190</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23190</guid>
        	        	<description><![CDATA[<p>I asking if anyone to this before. Somebody told me that the problem my be in the same ids on the two grid. I post my code below :</p>
</p>
<pre class="default prettyprint"><p><input type='button' class='sfcodeselect' name='sfselectit5493' value='Select Code' data-codeid='sfcode5493' /></p><div class='sfcode' id='sfcode5493'>("#listaAssistentesTODO").jqGrid({<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; url: &#39;/Medico/LoadToDoAssistentes/&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; datatype: &#39;json&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; mtype: &#39;GET&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; colNames: [&#39;Cod.&#39;, &#39;Titulo&#39;, &#39;Assistente&#39;, &#39;Estado&#39;, &#39;Ultima Actualiza&#231;&#227;o&#39;],<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; colModel: [<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;CodRelatorio&#39;, index: &#39;CodRelatorio&#39;, width: 50, align: &#39;center&#39;, hidden: true, sortable: false },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;TituloRelatorio&#39;, index: &#39;TituloRelatorio&#39;, width: 100, align: &#39;center&#39;, sortable: true },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;Assistente&#39;, index: &#39;Assistente&#39;, width: 100, align: &#39;center&#39;, sortable: false },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;EstadoRelatorio&#39;, index: &#39;EstadoRelatorio&#39;, width: 100, align: &#39;left&#39;, sortable: false },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;DataUltimaActualizao&#39;, index: &#39;DataUltimaActualizao&#39;, width: 100, align: &#39;left&#39;, hidden: false, sortable: false }<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;],<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; pager: jQuery(&#39;#page2&#39;),<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; rowNum: 50,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; rowList: [50],<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; sortname: &#39;CodRelatorio&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; sortorder: "asc",<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; viewrecords: true,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; imgpath: &#39;/scripts/themes/steel/images&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; caption: &#39;Tarefas Pendentes Assistentes&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; onSelectRow: function (id) {<br /><br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var data = $("#listaAssistentesTODO").getRowData(id);<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; alert("select row " + data.CodRelatorio);<br /><br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; loadComplete: function (data) {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; alert("Load Complete");<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;//$(&#39;#list&#39;).setGridParam({ url: &#39;/PesquisarRelatorios/GetGridData/&#39; });<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; gridComplete: function () { alert("Grid Complet"); },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; beforeRequest: function () { },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; viewrecords: true,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; autowidth: true,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; autoheight: true<br />&#160; &#160; &#160; &#160; &#160; &#160; }).navGrid(pager, { edit: false, add: true, del: true, refresh: true, search: false });<br /><br />2&#186; Grid<br /><br /></div></pre>
<pre class="default prettyprint"><p><input type='button' class='sfcodeselect' name='sfselectit9320' value='Select Code' data-codeid='sfcode9320' /></p><div class='sfcode' id='sfcode9320'>jQuery("#listMedicosTODO").jqGrid({<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; url: &#39;/Medico/LoadToDoMedicos/&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; datatype: &#39;json&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; mtype: &#39;GET&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; colNames: [&#39;Cod.&#39;, &#39;Titulo&#39;, &#39;Estado&#39;, &#39;Ultima Actualiza&#231;&#227;o&#39;],<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; colModel: [<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;CodRelatorio&#39;, index: &#39;CodRelatorio&#39;, width: 50, align: &#39;center&#39;, hidden: true, sortable: false },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;TituloRelatorio&#39;, index: &#39;TituloRelatorio&#39;, width: 100, align: &#39;center&#39;, sortable: true },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;EstadoRelatorio&#39;, index: &#39;EstadoRelatorio&#39;, width: 100, align: &#39;left&#39;, sortable: false },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; { name: &#39;DataUltimaActualizao&#39;, index: &#39;DataUltimaActualizao&#39;, width: 100, align: &#39;left&#39;, hidden: false, sortable: false }<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;],<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; pager: jQuery(&#39;#pager1&#39;),<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; rowNum: 50,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; rowList: [50],<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; sortname: &#39;Id&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; sortorder: "asc",<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; viewrecords: true,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; imgpath: &#39;/scripts/themes/steel/images&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; caption: &#39;Tarefas Pendentes M&#233;dicos&#39;,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; onSelectRow: function (id) {<br /><br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var data = $("#listMedicosTODO").getRowData(id);<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; alert("select row " + data.CodRelatorio);<br /><br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; loadComplete: function (data) {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; alert("Load Complete");<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; //$(&#39;#list&#39;).setGridParam({ url: &#39;/PesquisarRelatorios/GetGridData/&#39; });<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; gridComplete: function () { alert("Grid Complete"); },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; beforeRequest: function () { },<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; viewrecords: true,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; autowidth: true,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; autoheight: true<br />&#160; &#160; &#160; &#160; &#160; &#160; }).navGrid(pager, { edit: false, add: true, del: true, refresh: true, search: false });<br /><br /><br />And the server side controllers :<br /><br /></div></pre>
<pre class="default prettyprint"><p><input type='button' class='sfcodeselect' name='sfselectit9739' value='Select Code' data-codeid='sfcode9739' /></p><div class='sfcode' id='sfcode9739'> int pageIndex = Convert.ToInt32(page) - 1;<br />&#160; &#160; int pageSize = rows;<br />&#160; &#160; int totalRecords = &#160;list.Count ;<br />&#160; &#160; var totalPages = (int)Math.Ceiling(totalRecords / (float)pageSize);<br /><br />&#160; &#160; var jsonData = new<br />&#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;total = totalPages,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;page,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;records = totalRecords,<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;rows = (from item in list<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;select new<br />&#160; &#160; &#160; &#160; &#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; &#160; &#160; &#160; &#160; &#160; &#160; i ="a" + item.CodRelatorio,<br />&#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; cell = new[]<br />&#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; &#160; &#160; &#160;{<br />&#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; &#160; &#160; &#160; &#160; item.CodRelatorio ,<br />&#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; &#160; &#160; &#160; &#160; item.TituloRelatorio,<br />&#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; &#160; &#160; &#160; &#160; item.Assistente ,<br />&#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; &#160; &#160; &#160; &#160; "Em Elabora&#231;&#227;o",<br />&#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; &#160; &#160; &#160; &#160; item.DataUltimaActualizao<br />&#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; &#160; &#160; &#160;}<br /><br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;}).ToArray()<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; };<br /><br /><br />&#160; &#160; return Json(jsonData,JsonRequestBehavior.AllowGet);<br /><br /><br />If anyone try do to this please show me the sample of the code, to see what I doing wrong!!</div></pre>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit2201' value='Select Code' data-codeid='sfcode2201' /></p>
<div class='sfcode' id='sfcode2201'></div>
]]></description>
        	        	<pubDate>Mon, 16 May 2011 02:26:17 +0300</pubDate>
        </item>
        <item>
        	<title>vitormaster on Display Multiple grids on same page in MVC</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23166</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/display-multiple-grids-on-same-page-in-mvc#p23166</guid>
        	        	<description><![CDATA[<p>Hi erveryone</p>
</p>
<p>I try to display two jqgrid on same page in a diferent div&#39;s, the grids are using different URL to load data, but only the first grid is show on the page. I asking if is possible do this!?&#160;</p>
</p>
<p>Anyone can help&#160;</p>
</p>
<p>Thanks in advance</p></p>
]]></description>
        	        	<pubDate>Fri, 13 May 2011 21:44:54 +0300</pubDate>
        </item>
</channel>
</rss>