kendoui 网格自定义组标题与列

Question

有谁知道是否有一种方法可以创建自定义组标题模板，该模板将允许在该组中按列显示聚合数据的列？

grid组件使用colspan，我想控制组头模板的整个渲染。

Example of modified HTML showing desired UI

Answer 1

在当前的 Kendo UI Grid 实现中，只有分组列中的聚合可以显示在 groupHeaderTemplate 中。

你也可以查看这个帖子：http://www.telerik.com/forums/multiple-aggregates-in-groupheadertemplate

没有推荐的解决方法。

您可以尝试计算您想要的每个总和。

 { field: "groupField", title: "groupField", groupHeaderTemplate: "#= getGroupInfo(data, count) #", hidden: true },

..

dataSource: {
                    data: gridData,
                    schema: { model: gridModel },
                    pageSize: 20,
                    group: { field: "groupField", aggregates: [{ field: "groupFieldId", aggregate: "count" }] }
                },

还有getGroupInfoFunction：

function getGroupInfo(data, count) {
            return '<div style="float: right;width: 95%;"><div style="float:left;"><span>Number of units in stock: ' + count + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Sum1: " + getSum1(data.value) + '</span></div> Sum2:' + getSum2(data.value) + '</div>';
        };

GetSum1():

 function getBatchStatus(id) {
            var sum;                
            var data = $("#priceChangeTasks").data("kendoGrid").dataSource.data();
            for (var i = 0; i < data.length; i++) {
                if (data[i].groupFieldId== id) {
                    sum += data[i].yoursumfield1;
                }
            }              

            return sum;
        };