Kendo UI For Angular2 - 网格行选择

2023-12-03

我有一个工作<kendo-grid>该组件在 34 行数据集(大约 4 页)上有 10 行可见行。排序和选择正在按预期进行。

<kendo-grid [data]="gridView" 
                    [pageSize]="pageSize" 
                    [skip]="skip" 
                    [pageable]="true" 
                    [height]="300" 
                    (pageChange)="pageChange($event)"
                    [sortable]="{ mode: 'single' }" 
                    [sort]="sort" 
                    [selectable]="true" 
                    (sortChange)="sortChange($event)" 
                    (selectionChange)="selectionChange($event)">

假设我选择第二行。然后我对表格进行排序,选择保留在第二行,但当然它突出显示了不同的记录。它总是选择网格上的第二行,这当然是我想要的。

如何清除我的选定行(sortChange)事件,因此至少用户不会看到与他们已经选择的不同的选择。我对所选行的某种数据绑定属性持开放态度,我可以将其设置为 null 或某些属性gridView甚至在里面摸索@ViewChild .

任何帮助,将不胜感激。

普通排序

Normal Sort

升序排序

Ascending Sort

降序排序

Descending Sort


我在这里有一个类似的问题:从代码中选择网格行项目

基本上,您还需要在没有用户交互的情况下从代码中选择网格行项目,而 Kendo UI Angular2 控件的当前 beta 版本目前不支持此功能。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Kendo UI For Angular2 - 网格行选择 的相关文章

随机推荐