2015-05-08 51 views
1

我有一個兩級組的劍道網格。我有爲這兩個組定義的groupHeaderTemplates。我有一個groupFooterTemplate爲timeWorked的我的聚合值定義。問題是現在爲兩個組定義了groupHeaderTemplate。我只需要爲其他組定義它。如何將一組groupFooterTemplate應用於Kendo Grid中的一個組?

我嘗試了隱藏額外記錄的CSS方式,但問題在於.k-group-footer行中沒有定義特徵來區分它屬於哪個組,$(「#grid .k-網格內容「)不顯示層次結構。

http://www.telerik.com/forums/how-to-do-custom-aggregate-functions 顯示如何在頁腳中獲取groupId。但是,它將不起作用,因爲groupId使用全局變量,該變量將被首先調用的任何groupHeaderTemplate函數覆蓋。由於groupHeaderTemplates是在任何groupFooterTemplates之前完成的,我仍然無法知道groupId是指什麼。

這是我組選項是什麼樣子: [ {field: 「projectDescription」, aggregates: [ {field: "timeWorked", aggregate: "sum"} ]}, {field: "entryDate"} ];

回答

1

第一個答案是通過在數據綁定的行循環。這似乎工作,但Kendo有另一個事件,例如當你展開/摺疊組時,你無法訂閱。 CSS的答案,通過Is there a "previous sibling" CSS selector?發現是這樣的:

.k-group-footer {display: none !important;} 
.k-group-footer + .k-group-footer {display: table-row !important;} 

的importants是必要的或劍道將覆蓋與內部刷新事件的顯示性能。 「table-row」實際上並不是CSS顯示屬性,而是Kendo使用的。塊或內聯將顯示可怕。可見性屬性會給出醜陋的空白區域(摺疊或隱藏)。崩潰應該是用於表格的,但在這種情況下似乎不起作用。

0

超過2個亞組 只顯示最低的子組的頁腳,添加一個CSS這樣

.k-group-footer { 
    display: none !important; 
} 
.k-master-row + .k-group-footer { 
    display: table-row !important; 
} 
相關問題