jQuery Grid Plugin - jqGrid - Topic: Select row but apply ui_state_hilight to cells, not whole row

tony on Select row but apply ui_state_hilight to cells, not whole row

Sun, 26 Dec 2010 15:16:01 +0200

Hello,

You can disable the build in hovering of rows with:

hoverrows : false and write your own procedure after the grid is created something like this

$("#grid").bind('mouseover',function(e) {

/// the current row is determined like this

ptr = $(e.target).closest("tr.jqgrow");

           /// do somethuing hover the cell
            return false;
       }).bind('mouseout',function(e) {

           /// do other things
            return false;
       });

Regards

themoose on Select row but apply ui_state_hilight to cells, not whole row

Wed, 22 Dec 2010 20:50:16 +0200

I would like to use jQuery UI icons as action buttons in the last column of my grid. I have a column formatter making a div and a load of spans with ui-state-default, ui-icon classes etc.

Thing is, when the user selects a row, my icons get highlighted too.

I was wondering if there is any way I could hook into an event so that I can write my own selection routine?

I think I want to apply ui-state-highlight on a per-cell basis so that I can miss out my “Actions” cell. That is I _do_ want the row to be selected, I just want to control how it looks.

Yes, I can just use "standard buttons" - I am using them at the moment. But they look kinda rubbish compared with all the jQuery UI stuff that surrounds them.

Of course there may be _another_ way to achieve what I want.