jQuery Grid Plugin - jqGrid - Topic: Get clicked column id

tunyafix on Get clicked column id

Thu, 25 Nov 2010 09:56:34 +0200

Hello Oleg, thank you very much!!!

I have to adjust my script because onSelectRow is launched before click and then I change to:

jQuery("#grid").jqGrid({

...

onSelectRow: function(id){

if(id>0){

jQuery('#grid').jqGrid('restoreRow',lastsel3);

jQuery('#grid').jqGrid('editRow',id,true);

lastsel3=id;

}

});

jQuery("#grid").click(function(e) {

var el = e.target;

if (el.nodeName !== "TD") {

el = $(el,this.rows).closest("td");

}

var iCol = $(el).index();

var nCol = $(el).siblings().length;

var row = $(el,this.rows).closest("tr.jqgrow");

var rowId = row[0].id;

if (iCol==0) {//When checkbox is clicked then restore row

jQuery('#grid').jqGrid('restoreRow',rowId);

}

});

Greetings!

Antoni

OlegK on Get clicked column id

Wed, 24 Nov 2010 23:19:30 +0200

Hello tunyafix,

jqGrid don't support in the onSelectRow any information about the column where the user clicked it. It seems to me you can receive the same information manually using jQuery. The code can look about following

$("#list").click(function(e) {
   var el = e.target; // DOM of the HTML element which was clicked
   if (el.nodeName !== "TD") {
   // in case of the usage of the custom formatter we should go to the next
   // parent TD element
   el = $(el,this.rows).closest("td");
   var iCol = $(el).index();
   var row = $(el,this.rows).closest("tr.jqgrow");
   var rowId = row[0].id;
   // now you can do what you need. You have iCol additionally to rowId
   }
}

I created a small demo for you.

Be careful with the column numeration. There are additional column if you use the rownumbers: true and of cause one more column with the checkboxes.

Best regards
Oleg

tunyafix on Get clicked column id

Wed, 24 Nov 2010 19:27:08 +0200

Hello I want to get the id (or something) of current clicked column, because i have a multiselect grid and when user click over checkbox I don't want to edit this row

my code is:

viewrecords: true,

multiboxonly: false,

multiselect: true,

onSelectRow: function(id){

….

}

but in this code I only have the id of row no the id of column

is it possible???

Thanks!