Kendo grid button click arguments

Question

I have a kendo grid with a button column. When the button is clicked, I want it to call a javascript function with the row's data as parameters. Here's what I have so far

$(grd).kendoGrid({
    dataSource: ds,
    detailInit: detailInit,
    columns: [ {field: "foo", title: "bar" },
               {field: "Y" },
               {command: { text: "MyButton", click: doStuff } } ]
    });

function doStuff(e)
{
    //e is click events but I want to pass in data from the row instead
    //following is code I found here but item is null for me
    var row = $(this).closest("tr");
    var item = $(grd).data("kendoGrid").dataItem(row);
}

CSharper CSharper · Accepted Answer · 2014-11-24T19:06:46

This will give you the data pertaining to the row which the button was clicked.

function doStuff(e) {

    var tr = $(e.target).closest("tr");    // get the current table row (tr)
    var item = this.dataItem(tr);          // get the date of this row

    alert(item.PropertyName);
}

Kendo grid button click arguments

1 Answers