jQuery Grid Plugin - jqGrid - Topic: unselect row once hover changes to different row?

RonConrad on unselect row once hover changes to different row?

Mon, 27 Aug 2012 17:30:49 +0300

Thanks for the advice...I could not get that to work either. Has anyone created code for a "deselect" button for the jqGrid?

krisreddy on unselect row once hover changes to different row?

Fri, 24 Aug 2012 20:18:33 +0300

Instead of window.open – could you make an ajax call and open the window in diaglog and call the resetSelection in the loadComplete event.

$("#someDiv").load(URL,function(){

grid.jqGrid('resetSelection');

});

RonConrad on unselect row once hover changes to different row?

Wed, 22 Aug 2012 22:27:16 +0300

Ok, here's what I have, but I still cannot get the grid to reset...

    var grid=$("#list");
   $(function() {
       $(window).focus(function() {
           // your code here $.jqgrid.....;
           console.log("before");
           grid.jqGrid('resetSelection');
           console.log("after");
       });
   });

in FireBug I always get "before", and "after" messages, but the grid never resets. If I change the name of the method I receive an error so I know the grid.jqGrid('resetSelection'); is being called but no result, and the selected row remains selected.

I feel like I'm close on this one...

RonConrad on unselect row once hover changes to different row?

Wed, 22 Aug 2012 21:44:03 +0300

I think ideally I need to run $(resetSelection()); once this window has focus again. How would I accomplish this? Thanks!

RonConrad on unselect row once hover changes to different row?

Wed, 22 Aug 2012 21:33:10 +0300

Yes resetSelection is the method I need, but what method should I call it from? Is there an event/method for hovering over a row?

I tried putting it in "afterSelectRow", but that method never fires because control is passed to the other tab at that point (with my "$(window.open(rtrim(theURL))); statement. I've also tried putting it after that line in the onSelectRow function, but it never hits it.

putting $(resetSelection()); resets the selection, but never lets me actually call the onSelectRow function.

putting it in a mousemove type method would be ideal...

krisreddy on unselect row once hover changes to different row?

Wed, 22 Aug 2012 21:18:19 +0300

you can try jQuery('#list').jqGrid('resetSelection');

after you open the url

RonConrad on unselect row once hover changes to different row?

Wed, 22 Aug 2012 19:38:39 +0300

Is there a way to unselect a row (onSelectRow) once you hover over a different row?

My grid passes control to another tab/window during the onSelectRow function. Once control is back to the grid, and the user hovers over a different row, how do I "unhighlight/deselect" the previously selected row?

Here is my onSelectRow function:

            onSelectRow: function (id) {           // If user selects a row, call the page that displays building info.
               var listid = jQuery('#list').getCell(id, "BLDGCODE");
               var theEntireURL = (window.location.href);
               var endOfString = theEntireURL.indexOf("jqGridFilterExample");
               var theURL = theEntireURL.substr(0,endOfString)+'DisplayBuildingFG.cfm?BuildingCode='+listid;
               $(window.open(rtrim(theURL)));
             },