如何将groupFooterTemplate应用于Kendo Grid中的一个组?

时间:2015-05-08 15:40:04

标签: kendo-ui telerik-grid

我有一个包含两个级别组的kendo网格。我为这两个组定义了groupHeaderTemplates。我有一个为我的聚合值定义的groupFooterTemplate,它是timeWorked。问题是现在为两个组定义了groupHeaderTemplate。我需要它只为另一组定义。

我尝试了隐藏额外记录的CSS方法,但问题是.k-group-footer行中没有定义特征来区分它所属的组和$(“#grid .k-grid -content“)不显示层次结构。

http://www.telerik.com/forums/how-to-do-custom-aggregate-functions 显示如何在页脚中获取groupId。但是,它不起作用,因为groupId使用的全局变量将被首先调用的groupHeaderTemplate函数覆盖。由于groupHeaderTemplates在任何groupFooterTemplates之前完成,我仍然无法知道groupId引用的是什么。

这是我的组选项的样子: customButton

2 个答案:

答案 0 :(得分:1)

第一个答案是循环数据绑定中的行。这似乎有效,但是当您展开/折叠组时,Kendo还有另一个您无法订阅的事件。通过Is there a "previous sibling" CSS selector?找到的CSS答案是:

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

重要信息是必需的,或者Kendo将使用该内部刷新事件覆盖display属性。 "表列"实际上并不是CSS显示属性,而是Kendo使用的属性。阻止或内联将显示可怕。 visibility属性将提供丑陋的空白区域(折叠或隐藏)。崩溃应该是针对表格的,但它似乎在这种情况下不起作用。

答案 1 :(得分:0)

超过2个子组 要仅显示最低子组的页脚,请添加这样的CSS

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