Get clicked column on row selection changed

[Pedro]

I'm trying to build a custom filter over the Grid widget.

I'd like to show the clicked cell value on a context menu with several filtering options.

I can get the selected datatItem on change event but I need also the clicked column so I can retrieve the field value from the dataItem.

Any ideas?

Thanks in advance.

[Atanas Korchev]

Hi Pedro,

This can be done if you enable cell selection. Here is a live demo: http://dojo.telerik.com/@korchev/uqEnE

Here is the relevant code:

selectable: "cell",
change: function() {
  var cell = this.select();
  var cellIndex = cell[0].cellIndex;
  var column = this.columns[cellIndex];
  var dataItem = this.dataItem(cell.closest("tr"));
  alert("Selected value " + dataItem[column.field]);
}

Regards,
Atanas Korchev
Telerik

 

 

[Pedro]

Hi Atanas,
thank you very much for your answer, but cell selection mode is not an option due to client requirements.

Sorry I didn't mention before.

Hopefuly there is a way to do it with row selection, is there?

Regards,
Pedro.

[Atanas Korchev]

Hello,

Yes, this can be done with an extra "click" handler. Here is a demo: http://dojo.telerik.com/@korchev/oTEWo

The relevant code is this:

on("click", "tbody td", function(e) {
    var cell = $(e.currentTarget);
    var cellIndex = cell[0].cellIndex;
    var grid = $("#grid").data("kendoGrid");
    var column = grid.columns[cellIndex];
    var dataItem = grid.dataItem(cell.closest("tr"));
    alert("Selected value " + dataItem[column.field]);
});

Regards,
Atanas Korchev
Telerik