用于Angular的Kendo UI:排序,分组和虚拟滚动

时间:2017-06-08 14:40:07

标签: kendo-ui-angular2

我试图一起使用所有3种功能。对于排序,这是用于对数据进行排序的内容:

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
};

如何一起使用所有3个?当我为分组添加代码时,它会破坏分组。如果我单击列标题进行排序,则认为我想拖动列标题。当为排序添加代码时,虚拟滚动停止工作。在使用全部3个功能时,是否应该调用哪个函数的优先顺序?

1 个答案:

答案 0 :(得分:0)

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

[kendoGridBinding]="gridData"

这将处理分组,分页,排序和过滤。通过使用kendoGridBinding指令,网格将为您处理所有事情。