<?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: Keyboard navigation on jqgrid with subgrid</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/keyboard-navigation-on-jqgrid-with-subgrid</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/keyboard-navigation-on-jqgrid-with-subgrid/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>joo on Keyboard navigation on jqgrid with subgrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/keyboard-navigation-on-jqgrid-with-subgrid#p29622</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/keyboard-navigation-on-jqgrid-with-subgrid#p29622</guid>
        	        	<description><![CDATA[<blockquote>
<p>You should patch jqGrid, because up/down key handling fails, when subgrid is opened.</p>
</blockquote>
<blockquote>
<p><input type='button' class='sfcodeselect' name='sfselectit1523' value='Select Code' data-codeid='sfcode1523' /></p>
<div class='sfcode' id='sfcode1523'>
<blockquote>
<p>if(event.keyCode === 38 ){</p>
</blockquote>
<blockquote style=&#34;padding-left: 30px;&#34;>
<p>r = target.previousSibling;</p>
</blockquote>
<blockquote style=&#34;padding-left: 30px;&#34;>
<p>id = &#34;&#34;;</p>
</blockquote>
<blockquote style=&#34;padding-left: 30px;&#34;>
<p>if(r) {</p>
</blockquote>
<blockquote style=&#34;padding-left: 60px;&#34;>
<p>if($(r).is(&#34;:hidden&#34;) &#124;&#124; !$(r).hasClass(&#39;jqgrow&#39;)) {</p>
</blockquote>
<blockquote style=&#34;padding-left: 90px;&#34;>
<p>while(r) {</p>
</blockquote>
<blockquote style=&#34;padding-left: 120px;&#34;>
<p>r = r.previousSibling;</p>
</blockquote>
<blockquote style=&#34;padding-left: 120px;&#34;>
<p>if(!$(r).is(&#34;:hidden&#34;) &#38;&#38; $(r).hasClass(&#39;jqgrow&#39;)) {id = r.id;break;}</p>
</blockquote>
<blockquote style=&#34;padding-left: 90px;&#34;>
<p>}</p>
</blockquote>
<blockquote style=&#34;padding-left: 60px;&#34;>
<p>} else {</p>
</blockquote>
<blockquote style=&#34;padding-left: 90px;&#34;>
<p>id = r.id;</p>
</blockquote>
<blockquote style=&#34;padding-left: 60px;&#34;>
<p>}</p>
</blockquote>
<blockquote style=&#34;padding-left: 30px;&#34;>
<p>}</p>
</blockquote>
<blockquote style=&#34;padding-left: 30px;&#34;>
<p>$($t).jqGrid(&#39;setSelection&#39;, id, true, event);</p>
</blockquote>
<blockquote style=&#34;padding-left: 30px;&#34;>
<p>event.preventDefault();</p>
</blockquote>
<blockquote>
<p>}</p>
</blockquote>
</div>
</blockquote>
<blockquote>
<p>&#124;&#124; !$(r).hasClass(&#39;jqgrow&#39;) is my patch, beacause when you open the subgrid r will be the row of subgrid. If the subgrid is closed it&#39;s operate by reason of ":hidden".</p>
</blockquote>
<blockquote>
</blockquote>
<blockquote>
<p>bruno123 said:</p>
</blockquote>
<blockquote>
<p>I&#39;m using the bindkeys function in jqgrid to navigate with my keyboard on the grid</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit5734' value='Select Code' data-codeid='sfcode5734' /></p>
<div class='sfcode' id='sfcode5734'>$(&#34;#List&#34;).jqGrid(&#39;bindKeys&#39;);</div>
<p>But the problem is that I also use a subgrid row to show some values :</p>
<p><span style="white-space:pre"> </span></p>
<p><input type='button' class='sfcodeselect' name='sfselectit9444' value='Select Code' data-codeid='sfcode9444' /></p>
<div class='sfcode' id='sfcode9444'>subGridRowExpanded: function (subId, id) {<br /><span style=&#34;&#34;white-space:&#34;> </span>$(&#34;#&#34; + subId).append($(&#39;#List&#39;).getCell(id, &#39;detail&#39;));<br /><span style=&#34;&#34;white-space:&#34;> </span>}</div>
<p>That makes it impossible to use the down key to select the next row (the selected row expands when the user selects the row). If the user closes the subgrid row, he can use the down key again. The subgrid row is blocking the navigation if opened.</p>
<p>On the other hand, the up key is always working.</p>
<p><a href="http://i.stack.imgur.com/Ue2MN.jpg"><img src="http://i.stack.imgur.com/Ue2MN.jpg" width="100"  class="sfimageleft spUserImage" alt="" /><img src="http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Mouse.png" class="sfimageleft sfmouseleft" alt="Image Enlarger" /></a></p>
</p>
</blockquote>
<hr />
]]></description>
        	        	<pubDate>Sun, 06 Oct 2013 15:53:09 +0300</pubDate>
        </item>
        <item>
        	<title>bruno123 on Keyboard navigation on jqgrid with subgrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/keyboard-navigation-on-jqgrid-with-subgrid#p27128</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/keyboard-navigation-on-jqgrid-with-subgrid#p27128</guid>
        	        	<description><![CDATA[</p>
<p>I&#39;m using the bindkeys function in jqgrid to navigate with my keyboard on the grid</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit3862' value='Select Code' data-codeid='sfcode3862' /></p>
<div class='sfcode' id='sfcode3862'>$(&#34;#List&#34;).jqGrid(&#39;bindKeys&#39;);</div>
<p>But the problem is that I also use a subgrid row to show some values :</p>
<p><span style="white-space:pre"> </span></p>
<p><input type='button' class='sfcodeselect' name='sfselectit8744' value='Select Code' data-codeid='sfcode8744' /></p>
<div class='sfcode' id='sfcode8744'>subGridRowExpanded: function (subId, id) {<br /><span style=&#34;white-space: pre;&#34;> </span>$(&#34;#&#34; + subId).append($(&#39;#List&#39;).getCell(id, &#39;detail&#39;));<br /><span style=&#34;white-space: pre;&#34;> </span>}</div>
<p>That makes it impossible to use the down key to select the next row (the selected row expands when the user selects the row). If the user closes the subgrid row, he can use the down key again. The subgrid row is blocking the navigation if opened.</p>
<p>On the other hand, the up key is always working.</p>
<p><a href="http://i.stack.imgur.com/Ue2MN.jpg"><img src="http://i.stack.imgur.com/Ue2MN.jpg" width="100"  class="sfimageleft spUserImage" alt="" /><img src="http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Mouse.png" class="sfimageleft sfmouseleft" alt="Image Enlarger" /></a></p></p>
]]></description>
        	        	<pubDate>Mon, 13 Aug 2012 15:31:27 +0300</pubDate>
        </item>
</channel>
</rss>