angular - Kendo Grid for Angular - 无法让行选择、分页和排序协同工作
问题描述
我在 Angular 5 应用程序中使用 Kendo UI 网格。我的客户希望能够结合分页、排序和在网格中选择多行的能力。我已经阅读了这些文档,但我无法让所有这些功能一起工作和/或一起玩。我得到的最接近的是能够选择行并让这些行在页面之间保持选中状态。当我引入排序功能时,问题就来了。在我的示例(https://stackblitz.com/edit/angular-efseq7)中,如果我在第一页选择一行,查看其他页面,然后返回到第一页,则选择同一行。但是,当我更改排序时,该行变为未选中。但是,如果我回到常规排序,则会再次选择该行,就像魔术一样,但既不有趣也不好玩。
我在这里错过了一步吗?
谢谢,詹姆斯
解决方案
问题是(根据 Kendo 的文档)我使用的键(在 mySelectionKey 方法中定义)是我的实体的 pk 和当前行索引的组合。当我对网格进行排序时,索引号发生了变化,我的选定键列表不再匹配。我将代码更改为仅使用实体的 PK,它可以工作。
推荐阅读
- powershell - 使用 PowerShell 安装字体 - 跳过已安装的字体
- python - 有没有办法对 scipy.sparse 矩阵进行快速布尔运算?
- node.js - 我可以在不绕过身份验证的情况下使用 express 提供目录吗?
- python - 使用现有函数初始化零矩阵
- matlab - 如何在while循环中使用未来值线性插入过去的缺失值?
- laravel - 方法 App\Http\Livewire\Product::extension 不存在
- javascript - 如何在能够查看整个 div 的同时隐藏 DIV 滚动条
- python - 从 Scikit-Learn 的数据集中随机选择 50 个样本
- python - 如何让 GitHub 操作运行器找到使用“pip install --user”安装的可执行文件?
- jquery - 使用 Jquery 自定义触发器时,Bootstrap 弹出框不显示