<?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: inlineNav Buttons + usage of Keys</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/inlinenav-buttons-usage-of-keys</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/inlinenav-buttons-usage-of-keys/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>snoopy on inlineNav Buttons + usage of Keys</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/inlinenav-buttons-usage-of-keys#p26060</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/inlinenav-buttons-usage-of-keys#p26060</guid>
        	        	<description><![CDATA[<p>Hi everybody,</p>
<p>before filing a Bug I want to be sure I&#39;m not doing something wrong. I found this:</p>
<p>When using the "Enter / Esc" Key functionality, the active/inactive states of the inline nav buttons is not updated correctly. As a plus, when using the grids "ondblClickRow" event for entering inline - editing, the buttons states are not updated too. To clearify this, here some screens made from a slightly modified grid example from the jqgrid examples page:</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit4361' value='Select Code' data-codeid='sfcode4361' /></p>
<div class='sfcode' id='sfcode4361'>$(&#39;#tblGrid&#39;).jqGrid({ <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;datatype: &#34;local&#34;, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;height: 250, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;pager:&#34;pgGrid&#34;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;<strong>ondblClickRow:function(rowid) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;$(&#39;#tblGrid&#39;).jqGrid(&#39;editRow&#39;,rowid,true);<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;},</strong><br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;colNames:[&#39;Inv No&#39;,&#39;Date&#39;, &#39;Client&#39;, &#39;Amount&#39;,&#39;Tax&#39;,&#39;Total&#39;,&#39;Notes&#39;], <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;colModel:[ {name:&#39;id&#39;,index:&#39;id&#39;, width:60, sorttype:&#34;int&#34;,editable:true}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;invdate&#39;,index:&#39;invdate&#39;, width:90, sorttype:&#34;date&#34;,editable:true}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;name&#39;,index:&#39;name&#39;, width:100,editable:true}, <br />&#160;&#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:80, align:&#34;right&#34;,sorttype:&#34;float&#34;,editable:true}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;tax&#39;,index:&#39;tax&#39;, width:80, align:&#34;right&#34;,sorttype:&#34;float&#34;,editable:true}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;total&#39;,index:&#39;total&#39;, width:80,align:&#34;right&#34;,sorttype:&#34;float&#34;,editable:true}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{name:&#39;note&#39;,index:&#39;note&#39;, width:150, sortable:false,editable:true} <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;caption: &#34;Manipulating Array Data&#34; <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;});</p>
<p>&#160;&#160; &#160;&#160;&#160; &#160;$(&#34;#tblGrid&#34;).jqGrid(&#39;navGrid&#39;,&#34;#pgGrid&#34;,{edit:false,add:false,del:true}); <br />&#160;&#160; &#160;&#160;&#160; &#160;$(&#34;#tblGrid&#34;).jqGrid(&#39;inlineNav&#39;,&#34;#pgGrid&#34;,{addParams:{position:&#39;last&#39;,<strong>addRowParams:{keys:true}},editParams:{keys:true}</strong>});</p>
</div>
<p>1) The source Grid:</p>
<p>[Image Can Not Be Found]</p>
<p>2) The grid after doubleClicking the first line; this is in edit mode, but the inline buttons aren&#39;t (save + abort deactivated)</p>
<p>[Image Can Not Be Found]</p>
<p>3) The grid after clicking the "edit" button with first line selected; the row and the buttons are both in edit - mode (save + abort activated, edit + add deactivated)</p>
<p>[Image Can Not Be Found]</p>
<p>4) The grid after pressing "Esc" or "Enter"; the row left edit mode, the inline buttons didn&#39;t: edit + add are deativated, save + abort activated)</p>
<p>[Image Can Not Be Found]</p>
</p>
<p>Am I doing something wrong or can anybody confirm this as a bug?</p>
</p>
<p>Thx in advance!</p>
<p>Snoopy</p></p>
]]></description>
        	        	<pubDate>Mon, 05 Mar 2012 14:29:23 +0200</pubDate>
        </item>
</channel>
</rss>