jQuery Grid Plugin - jqGrid - Topic: Column highlight

ulysses on Column highlight

Tue, 15 Mar 2011 13:38:11 +0200

Thanks for you code OlegK, is a great code. I read your code and test the demo, this is de feature what i need!. Now i implement the code in my application, to continue work with jqgrid. Is posible add this featurea as an extension? and fire an event onColSelect?

Ulysses

OlegK on Column highlight

Tue, 15 Mar 2011 00:00:58 +0200

Hi,

I find you question intresting and inplemented the corresponding solution which you can see live here. In the demo I follow the same way as in the current version of jqGrid and allow deselect the column if one selects it twice. So the behavior is the same like with rows. If you need another behavior you can easy modify my code.

The main parts of the code is following:

var grid = $('#list'), selColumn;
grid.jqGrid({
   // … all parameters which you need
   onCellSelect: function (rowid,iCol) {
   var i, rows = this.rows, rl = rows.length, row, rowCells;

   for(i=0; i<rl; i++) {
   row = rows[i];
   if($(row).hasClass('jqgrow')) {
   rowCells = row.cells;
   if (typeof selColumn !== "undefined") {
   $(rowCells[selColumn]).removeClass("ui-state-highlight");
   }
   if (selColumn !== iCol) {
   $(rowCells[iCol]).addClass("ui-state-highlight");
   }
   }
   }
   selColumn = selColumn !== iCol? iCol: undefined;
   }
});

Best regards
Oleg

ulysses on Column highlight

Mon, 14 Mar 2011 19:19:52 +0200

Is posible highlight a comlete column, when a cell is selected? I see when onCellSelect event, the row is highlight, but y need highlight a column.

I think use onCellSelect, and use de iCol attr to chage de css.

Is a good feature too, fire an event "onColSelect"