Kendo UI - Click Grid Row to Populate Another Grid

2
votes

I have a Kendo grid that when you click on a row, I would like it to update the contents of another grid on the page. How would you write a function to tell the grid to update the second grid? As an example, the first grid would be a list of states and the second grid would show all of the cities within the selected state.

1
kendo-uikendo-grid

1 Answers

0
votes

Just bind the click event on the rows of your first table :

$("#states tbody").on("click", "tr", changeState);

and then change the data of your second table accordingly :

$("#cities").data("kendoGrid").dataSource.data(getListOfCities());

Here is just some sample code : jsFiddle