kendo-ui-angular2 - Angular2 的 Kendo UI - 网格行选择

标签 kendo-ui-angular2

我有一个工作 <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) 中的选定行事件,因此至少不会向用户呈现他们已经选择的不同选择。我对选定行的某种数据绑定(bind)属性持开放态度,我可以将其设置为 null 或 gridView 上的某些属性。甚至在里面四处闲逛 @ViewChild .

如有任何帮助,我们将不胜感激。

正常排序

Normal Sort

升序

Ascending Sort

降序

Descending Sort

最佳答案

我在这里有一个类似的问题:Select grid row item from code

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

关于kendo-ui-angular2 - Angular2 的 Kendo UI - 网格行选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40051846/

相关文章:

javascript - Angular 2 - Kendo UI 日历未正确渲染

angular - 在 scss 中使用 angular 时,如何查看翻译后的 css?

kendo-ui-angular2 - Angular 2 的 Kendo UI 从指令访问组件

kendo-ui-angular2 - 支持 Kendo-Angular-UI 和 Kendo-Angular-Develop

kendo-ui-angular2 - 如何显示打开的 Angular 组合框的 Kendo UI 并在其中使用 *ngIf 指令

javascript - 触发行特定的kendo ui Angular 2网格鼠标悬停事件

kendo-ui-angular2 - Kendo UI angular - Grid - 如何转换值?

javascript - 带有区域限制的 Angular 8 拖放

angular - 如何以编程方式激活 kendo ui angular 2 中的选项卡

angular - Kendo UI TreeView 与复选框一起被锁定