Kendo Grid for Angular-无法使行选择,分页和排序一起工作

时间:2018-12-12 16:14:07

标签: angular kendo-ui kendo-grid

我在Angular 5应用程序中使用Kendo UI网格。我的客户希望能够结合分页,排序和选择网格中多行的功能。我已经浏览过文档,但是在使所有这些功能一起工作和/或一起玩时遇到困难。我得到的最接近的功能是选择行并使这些行在页面之间保持选中状态的能力。当我引入排序功能时,问题就来了。在我的示例(https://stackblitz.com/edit/angular-efseq7)中,如果我在第一页上选择了一行,请查看其他页面,然后返回到第一页,则选择了同一行。但是,当我更改排序时,该行将变为未选中状态。但是,如果我回到常规的排序方式,则会再次选择该行,就像魔术一样,但既不有趣也不有趣。

我在这里错过了一步吗?

谢谢, 詹姆斯

2 个答案:

答案 0 :(得分:1)

问题是(根据Kendo的文档)我正在使用一个键(在mySelectionKey方法中定义),该键是我的实体pk和当前行索引的组合。当我对网格进行排序时,索引号发生了变化,并且我选择的键列表不再匹配。我将代码更改为仅使用实体的PK,并且可以使用。

答案 1 :(得分:0)

我相信您需要使用dataStateChange事件,如本example所示。它自己处理所有事件:过滤,排序,跳过等。您可以在project中看到我的处理方式。