2017-06-08 81 views
1

我試圖一起使用所有3個功能。對於排序,這是什麼來排序的數據:Kendo用於Angular的UI:排序,分組和虛擬滾動

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個功能時,是否應該調用哪個函數的優先順序?

回答

0

我能夠找到我需要做的事情。對於任何人誰願意也可以使用所有的查詢要素只是用這個屬性綁定:

[kendoGridBinding]="gridData" 

將處理分組,分頁,排序和過濾。通過使用kendoGridBinding指令,網格將爲您處理所有事情。

+1

我有同樣的問題,但我不明白如何kendoGridBinding將它們組合在一起。你不必創建一個plunker,但你可以分享你的組件和html作爲屏幕截圖。 – Rethabile