jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

Get clicked column id

Tags: column

24/11/2010
19:27

tunyafix

Member

Members

Forum Posts: 7

Member Since:
16/08/2010

Offline

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!

24/11/2010
23:19

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

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

25/11/2010
09:56

tunyafix

Member

Members

Forum Posts: 7

Member Since:
16/08/2010

Offline

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

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
56 Guest(s)

Currently Browsing this Page:
1 Guest(s)