How to open kendoWindow() on a button click event inside a Kendo grid?

Question

In my Kendo grid, I've a column (address). Instead of displaying customer's address, it shows a button. On clicking the button, I want to open a Kendo window as a modal and display the address.

...
{ field: "address", 
  title: "Customer Address", 
  width: "130px", 
  filterable: false,
  template: '<span class="viewButton"><input type="button" value="Address" class="k-primary"></input></span>'
},
...

I've tried various strategies, including a custom command, an onClick event handler for the grid etc. But none seems to work. The best I've achieved so far is using custom command, in which I can open the Kendo window, but unable to display the underlying data for the column.

Any ideas for any possible way to achieve this?

Answer 1

You can get hold of current dataItem and show it in window.

$("#grid").on("click", ".viewButton",function(e){
  var dataItem = grid.dataSource.dataItem($(e.currentTarget).closest('tr'));
  var yourText = dataItem.address;
});