Kendo ui angular2 角度剑道UI:排序、分组和虚拟滚动

Kendo ui angular2 角度剑道UI:排序、分组和虚拟滚动,kendo-ui-angular2,Kendo Ui Angular2,我正在尝试同时使用这三种功能。对于排序,这是用来对数据进行排序的: this.gridView = { data: orderBy(this.products, this.sort), total: this.products.length }; 对于分组,使用以下内容: this.gridView = process(products, { group: this.groups }); this.gridView = { data: this.data.slice(

我正在尝试同时使用这三种功能。对于排序,这是用来对数据进行排序的:

this.gridView = {
    data: orderBy(this.products, this.sort),
    total: this.products.length
};
对于分组,使用以下内容:

this.gridView = process(products, { group: this.groups });
this.gridView = {
    data: this.data.slice(this.skip, this.skip + this.pageSize),
    total: this.data.length
};
对于虚拟滚动,使用的是:

this.gridView = process(products, { group: this.groups });
this.gridView = {
    data: this.data.slice(this.skip, this.skip + this.pageSize),
    total: this.data.length
};

如何将这三种方法结合使用?当我为分组添加代码时,它会中断分组。如果单击列标题对其进行排序,我会认为我要拖动列标题。添加排序代码后,虚拟滚动停止工作。在使用所有3个功能时,是否有调用哪个函数的优先顺序?

我能够找到我需要做的事情。对于希望同时使用所有查询功能的任何其他人,只需使用此属性绑定:

[kendoGridBinding]="gridData"

这将处理分组、分页、排序和筛选。通过使用kendoGridBinding指令,网格将为您处理所有问题。

我也有同样的问题,但我不明白kendoGridBinding是如何将它们结合在一起的。您不必创建plunker,但可以将组件和html作为屏幕截图共享。