kendo-ui - Kendo UI - Click Grid Row to Populate Another Grid

Question

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.

Answer 1

只需在第一个表的行上绑定 click 事件：

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

然后相应地更改第二个表的数据：

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

这里只是一些示例代码：jsFiddle