<?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: Navigation when selected a row in jqgrid</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/navigation-when-selected-a-row-in-jqgrid</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/navigation-when-selected-a-row-in-jqgrid/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>thanhtien501 on Navigation when selected a row in jqgrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/navigation-when-selected-a-row-in-jqgrid#p22379</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/navigation-when-selected-a-row-in-jqgrid#p22379</guid>
        	        	<description><![CDATA[<p>Dear all</p>
<p>I want to nagivate the grid when user click on the row so i write code look like below. but it does not work.</p>
<p>The data load so greate but the The setGridParam may be does not work</p>
<p>Please help me. Thank you in advance</p>
<p>&#60;script type="text/javascript"&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160; jQuery(document).ready(function () {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; jQuery("#list").jqGrid({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: &#39;/Customer/Customer/GetGridData/&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; datatype: &#39;json&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editurl: &#39;abc&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; mtype: &#39;GET&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; colNames: [&#39;Dates&#39;, &#39;References&#39;, &#39;Information&#39;, &#39;Content&#39;, &#39;Currency&#39;, &#39;Amount&#39;],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#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;&#160;&#160; { name: &#39;AccountNumber&#39;, index: &#39;AccountNumber&#39;, width: 90, align: &#39;left&#39; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;ContactName&#39;, index: &#39;ContactName&#39;, width: 150, align: &#39;left&#39; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;Address&#39;, index: &#39;Address&#39;, width: 200, align: &#39;left&#39; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;City&#39;, index: &#39;City&#39;, width: 150, align: &#39;left&#39; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;PostalCode&#39;, index: &#39;PostalCode&#39;, width: 70, align: &#39;center&#39; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; { name: &#39;Amount&#39;, index: &#39;Amount&#39;, width: 150, align: &#39;left&#39; }<br />&#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; height: 500,&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: jQuery(&#39;#pager&#39;),<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowNum: 50,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowList: [6, 10, 20, 50],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortname: &#39;AccountNumber&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortorder: "asc",<br />&#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; imgpath: &#39;/scripts/themes/steel/images&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; caption: &#39;This is the caption&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }).navGrid(pager, { edit: false, add: false, del: false, refresh: true, search: true });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#39;#list&#39;).setGridParam({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; onSelectRow: function(id) {&#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; window.location=&#39;<a href="http://google.com&#039;" rel="nofollow" target="_blank"></a><a href="http://google.com&#038;#039" rel="nofollow" target="_blank">http://google.com&#038;#039</a>;; <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; });<br />&#160;&#160;&#160; &#60;/script&#62;<br />&#160; &#160;<br />&#60;/header&#62;<br />&#60;body&#62;<br />&#160;&#160; &#160;<br />&#160;&#160; &#60;table id="list" class="scroll" cellpadding="0" cellspacing="0" width="100%"&#62;<br />&#160;&#160;&#160; &#60;/table&#62;<br />&#160;&#160;&#160; &#60;div id="pager" class="scroll" style="text-align: center;"/&#62;<br />&#60;/body&#62;</p>
]]></description>
        	        	<pubDate>Sat, 12 Mar 2011 03:25:35 +0200</pubDate>
        </item>
</channel>
</rss>