<?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: Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0</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/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>OlegK on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p24274</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p24274</guid>
        	        	<description><![CDATA[<p>Hello Tony,</p>
<p>in my opinion kobruleht&#160;described the problem not correct. Nevertheless the problem is really exist. I can reformulate the problem so. To be able to implement inline editing jqGrid provide not only the <strong>editRow</strong> method but the <strong>restoreRow</strong> method which can be used inside of <strong>onSelectRow</strong> for example to implement the behavior of inline editing like one needs. The formatter:&#39;actions&#39; hide or make visible the divs with actions. So the usage of <strong>restoreRow</strong>&#160;method along is not enough.</p>
<p>I see the problem so that one should provide <span style="text-decoration: underline;"><strong>public</strong></span> restoreActionIcons method which is close to the internal <a href="https://github.com/tonytomov/jqGrid/blob/v4.1.2/js/jquery.fmatter.js#L424" target="_blank">restorerow</a> method. So one will not need to have the knowladge about the dives names to be able to cancel the row editing. See <a href="http://stackoverflow.com/questions/7049325/how-to-end-inline-edit-started-with-formatter-edit-action-button-if-other-row-is/7049942#7049942" target="_blank">the answer</a> for details.</p>
<p>Best regards<br />Oleg&#160;</p>
]]></description>
        	        	<pubDate>Sun, 14 Aug 2011 14:30:11 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p24247</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p24247</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>This is not a bug, but feature and a way the action formatter work.</p>
<p>You can simulate the behaviour without the formatter action - look at the demos.</p>
</p>
<p>Kind REgards</p>
]]></description>
        	        	<pubDate>Sun, 14 Aug 2011 09:43:25 +0300</pubDate>
        </item>
        <item>
        	<title>kobruleht on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p24240</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p24240</guid>
        	        	<description><![CDATA[<p>In 4.1.2 if inline edit is started using edit action button and clicked in other row, old row remains in edit mode.</p>
<p>How to fix this so that inline edit is terminated if other row editing starts or if other row is clicked ?</p>
]]></description>
        	        	<pubDate>Sat, 13 Aug 2011 11:02:56 +0300</pubDate>
        </item>
        <item>
        	<title>OlegK on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23654</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23654</guid>
        	        	<description><![CDATA[<p>You are right Tony, the most of problems not exist more in the 4.1 version.</p>
<p>The problem with Reset button in the Singe Value Search dialog you can reproduce on <a href="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithSimpleSearch40.htm" target="_blank">the demo</a>, which uses jqGrid 4.0, but the same demo work correct with jqGrid 4.1.</p>
<p>The problem with deleting of the last rule is the following. I mean that it is possible to click on the buttom which I mark red:</p>
<p><a href="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Del.png"><img src="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Del.png" 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>After that one receive the dialog</p>
<p><a href="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Del1.png"><img src="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Del1.png" 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>which is misunderstandable for many people.</p>
<p>The setting of focus in the Serching Dialog is probably more the question of the taste or ergonomy. Currently you have it on ADD/OR:</p>
<p><a href="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Focus1.png"><img src="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Focus1.png" 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>In my opinion the best place would be the last edit field:</p>
<p><a href="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Focus2.png"><img src="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvancedSearch41Focus2.png" 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>See <a href="http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithAdvSearching2.htm" target="_blank">the demo</a> from <a href="http://stackoverflow.com/questions/6064230/jqgrid-search-popup-allows-all-filters-to-be-removed/6117351#6117351" target="_blank">the answer</a>.</p>
<p>Some additional problem is that it is not so easy to impelment change focus behavior in the new searching dialog because the fields of the dialog fill be repaint. I have to overwrite/chain the <strong>reDraw</strong> method. It would be nice to have some additional events in the the Filter dialog. For example new events like&#160;<strong>beforeRedraw</strong>&#160;and event more important&#160;<strong>afterRedraw</strong>&#160;and so on would be very helpfull for the Filter dialog customization.</p>
<p>Best regards<br />Oleg</p>
]]></description>
        	        	<pubDate>Fri, 17 Jun 2011 13:06:36 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23647</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23647</guid>
        	        	<description><![CDATA[<p>Oleg,</p>
</p>
<p>1) I can not reproduce this. (it work ok for me. If I remember right I have fixed this)</p>
<p>2) Will see</p>
<p>3) What you mean with this? The script (using jqModal) try to focus on the first input field.</p>
<p>4) Esc is supported with closeOnEscape : true in the options (I just checked this and closeOnEscape worked for me) . Enter will be added maybe later.</p>
</p>
<p>Kind Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Fri, 17 Jun 2011 10:29:59 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23635</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23635</guid>
        	        	<description><![CDATA[<p>Oh, Forgot for these. Will do the needed.</p>
<p>Thanks.</p>
]]></description>
        	        	<pubDate>Thu, 16 Jun 2011 16:58:09 +0300</pubDate>
        </item>
        <item>
        	<title>OlegK on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23631</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23631</guid>
        	        	<description><![CDATA[<p>Tony,</p>
<p>I find your fix very good (it looks better as my suggestion), but you don&#39;t insterted <strong>jqID</strong>&#160;method calls in the lines like</p>
<p><input type='button' class='sfcodeselect' name='sfselectit8931' value='Select Code' data-codeid='sfcode8931' /></p>
<div class='sfcode' id='sfcode8931'>$(&#34;tr#&#34;+rid+&#34; div.ui-inline-edit, &#34;+&#34;tr#&#34;+rid+&#34; div.ui-inline-del&#34;,&#34;#&#34;+gid).show();</div>
<p>or rewrote such lines usaging&#160;<strong>.rows.namedItem</strong>&#160;constructs&#160;like I mention <a href="/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0/#p23610" target="_blank">before</a>.</p>
<p>About reducing of the number of "onmouseover", "onmouseout" and "onclick" handles in the jqGrid I&#39;ll write better in the separate "Feature Request" and explain more exactly what I mean.</p>
<p>Best regards<br />Oleg</p>
<p>P.S. If you prepare the 4.1.1 version, please read <a href="/blog/?page_id=393/bugs/bug-in-the-single-search-dialog-box/#p23532" target="_blank">another bug report</a>. Currently 1) after clicking on "Reset" button in the Single Search filter dilalog some fields will be visable (all will be afther resetting like in the "Advance Searching" dialog) 2) In both "Single Search" and "Advance Searching" dialog the last rule can be removed which has no sence and which was not permitted in the previous version of the "Advance Searching" dialog. 3) The focus in the Searching dialog is not optimal 4) there are no more keyboard support (Esc or Enter).</p>
]]></description>
        	        	<pubDate>Thu, 16 Jun 2011 13:59:11 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23626</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23626</guid>
        	        	<description><![CDATA[<p>Oleg,</p>
<p>I have fixed the problem. It was really travial copy/paste problem <img class="spSmiley" style="margin:0" title="Smile" src="/blog/wp-content/forum-smileys/sf-smile.gif" alt="Smile" /></p>
</p>
<p>Not sure that <a rel="nofollow" href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript" target="_blank">unobtrusive style</a> is applicable in these days.</p>
<p>Imagine which current internet user can work with Java Script disabled <img class="spSmiley" style="margin:0" title="Wink" src="/blog/wp-content/forum-smileys/sf-wink.gif" alt="Wink" /></p>
<p>Every solution which work and is usefull for the users is a good solution </p>
<p>I have finished the demos for 4.0 version. You can look here:</p>
<p><a href="http://trirand.com/blog/jqgrid/jqgrid.html" rel="nofollow" target="_blank"><a href="http://trirand.com/blog/jqgrid" rel="nofollow">http://trirand.com/blog/jqgrid</a>.....qgrid.html</a></p>
</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Thu, 16 Jun 2011 10:33:52 +0300</pubDate>
        </item>
        <item>
        	<title>OlegK on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23614</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23614</guid>
        	        	<description><![CDATA[<p>Hello Tony,</p>
<p>in general the hovering effects on the icons seems good in my opinion. One should just fix the code. <a href="http://www.ok-soft-gmbh.com/jqGrid/ActionButtons41Fixed1.htm" target="_blank">The demo</a> looks prity good. I added here the switching of action buttons in case of the standard editing.</p>
<p>The only thing which I personally not like in the actions formatter code is the usage of "onmouseover" and "onmouseout" instead of <a rel="nofollow" href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript" target="_blank">unobtrusive style</a>&#160;binding. The best way of implementation in my opinion are described <a href="http://stackoverflow.com/questions/5303471/browser-memory-usage-comparison-inline-onclick-vs-using-jquery-bind/5305904#5305904" target="_blank">here</a>. I mean that it would be good to use additional event handler for <strong>onCellSelect</strong> or <strong>beforeSelectRow</strong> events in the code of formatter. I understand that there are one general design problem which need be solved, but one can solve the problem in many way. One should just think a little and decide which way is the best.</p>
<p>Best regards<br />Oleg&#160;</p>
]]></description>
        	        	<pubDate>Wed, 15 Jun 2011 12:31:11 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23611</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23611</guid>
        	        	<description><![CDATA[<p>Thanks Oleg.</p>
<p>I&#39;m considering to remove these effects.</p>
</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Wed, 15 Jun 2011 11:22:40 +0300</pubDate>
        </item>
        <item>
        	<title>OlegK on Wrong hovering effect in actions formatter of jqGrid 4.1.0</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23610</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/wrong-hovering-effect-in-actions-formatter-of-jqgrid-4-1-0#p23610</guid>
        	        	<description><![CDATA[<p>Hello Tony,</p>
<p>The bug report is based on <a href="http://stackoverflow.com/questions/6343655/jqgrid-4-1-0-issue-with-icon-hover-when-inline-edit/6346034#6346034" target="_blank">this</a> my answer on the stackoverflow. The 4.1.0 version of the actions formatter has new hovering effects on the action buttons which works wrong on the line which is in the inline editing mode after the clicking of the "Edit" action button. The hovering shows wrong image from the middle of the corresponding background image:</p>
<p><a href="http://www.ok-soft-gmbh.com/jqGrid/ActionButtons41Bug.png"><img src="http://www.ok-soft-gmbh.com/jqGrid/ActionButtons41Bug.png" 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>I suggest to change the action onmouseover for div.ui-inline-save, div.ui-inline-cancel from</p>
<p><input type='button' class='sfcodeselect' name='sfselectit2449' value='Select Code' data-codeid='sfcode2449' /></p>
<div class='sfcode' id='sfcode2449'>jQuery(this).addClass(&#39;ui-state-hover&#39;);</div>
<p>to</p>
<p><input type='button' class='sfcodeselect' name='sfselectit534' value='Select Code' data-codeid='sfcode534' /></p>
<div class='sfcode' id='sfcode534'>jQuery(this).addClass(&#39;ui-state-hover&#39;);<br />jQuery(&#39;span&#39;,this).removeClass(&#39;ui-state-hover&#39;);&#160;</div>
<p>Moreover there are exist another problem if one select another row during a row is in inline mode started with respect of "Edit" action button. The Save and Cancel buttons stay visable:</p>
<p><a href="http://www.ok-soft-gmbh.com/jqGrid/ActionButtons41Bug1.png"><img src="http://www.ok-soft-gmbh.com/jqGrid/ActionButtons41Bug1.png" 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>To fix the problem one have to use the code like</p>
<p><input type='button' class='sfcodeselect' name='sfselectit5273' value='Select Code' data-codeid='sfcode5273' /></p>
<div class='sfcode' id='sfcode5273'>var tr = grid[0].rows.namedItem(lastSel);<br />$(&#34;div.ui-inline-edit, div.ui-inline-del&#34;,tr).show();<br />$(&#34;div.ui-inline-save, div.ui-inline-cancel&#34;,tr).hide();&#160;</div>
<p>after calling of restoreRow in the onSelectRow event handle. I don&#39;t tested editformbutton mode, but I suppose one will have the same problems in the case.</p>
<p>One should fix the problem or at least introduce new public which should be called after restoreRow for example.</p>
<p>One more remark about the code of the action formatter. One should use <strong>jqID</strong> method in many places of the code. Morover, like you Tony as good knows, the usage of <strong>.rows.namedItem</strong> constructs are much more effective as the usage of &#39;#&#39; selector in many places of the current code. Example:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit4995' value='Select Code' data-codeid='sfcode4995' /></p>
<div class='sfcode' id='sfcode4995'>$(&#34;tr#&#34;+rid+&#34; div.ui-inline-edit, &#34;+&#34;tr#&#34;+rid+&#34; div.ui-inline-del&#34;,&#34;#&#34;+gid).show();</div>
<p>Best regards<br />Oleg</p></p>
]]></description>
        	        	<pubDate>Wed, 15 Jun 2011 10:15:40 +0300</pubDate>
        </item>
</channel>
</rss>