JavaScript:
$("#grid").kendoGrid({
.
.
.
columns: [
{ field: "Customer", title: "Customer" },
{ field: "Address", title: "Address" },
{
template: "<a class=\"dropdown-item k-grid-myButton hidden\">My Caption</a>",
className: "",
name: "myButton",
dataItem: this,
visible: function (dataItem) { return dataItem.fromAPI.IsVisible; },
click: function (e) {
e.preventDefault();
var tr = $(e.target).closest("tr");
var data = this.dataItem(tr);
console.log(data);
}
}
]
});
refs :
https://stackoverflow.com/a/39705765
https://stackoverflow.com/a/32624986
https://stackoverflow.com/a/40337316
https://developerslogblog.wordpress.com/2017/12/26/kendo-ui-call-a-function-from-a-template/