首页 > 解决方案 > Kendo Grid for Angular - 无法让行选择、分页和排序协同工作

问题描述

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

我在这里错过了一步吗?

谢谢,詹姆斯

标签: angularkendo-uikendo-grid

解决方案


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


推荐阅读