Kendo Grid groupHeaderTemplate 不适用于复杂的数据源答案

【问题标题】：Kendo Grid groupHeaderTemplate not working with complex dataSourceKendo Grid groupHeaderTemplate 不适用于复杂的数据源
【发布时间】：2015-01-21 15:08:29
【问题描述】：

我正在尝试使用剑道网格来显示复杂的数据。我使用 kendo ui dojo 以一种简单的方式重构了我的问题。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.default.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.dataviz.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.dataviz.default.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.mobile.all.min.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1316/js/kendo.all.min.js"></script>
</head>
<body>

    <div id="grid"></div>
<script>
    $("#grid").kendoGrid({
        columns: [
            { 
                field: "name",
                title: 'Name' + ' *',
                template: '#= name.prename #',
                groupHeaderTemplate: 'Test',
            },
            { 
                field: "age",
                title: 'Age' + ' *'
            },

        ],
    dataSource: {
        data: [
            { 
                name: {
                    prename: "Jane",
                    surname: "Doe"
            },
                age: 30 
            },
            { 
                name: {
                    prename: "John",
                    surname: "Doe"
            }, 
                age: 30 
            }
        ],
        group: { field: "name.prename" }
    }
});
</script>
</body>
</html>

http://dojo.telerik.com/eDuci/5

问题是 groupHeaderTemplate 应该将分组标题重命名为“Test”，但它没有。相反，它显示“name.prename”并忽略 groupHeaderTemplate。

下一个问题是在使分组可配置时，当我尝试按如此复杂的列分组时会引发错误。

有人遇到过相同或类似的问题吗？

【问题讨论】：

标签： kendo-ui telerik kendo-grid

【解决方案1】：

您应该将列定义为：

{ 
    field: "name.prename",
    title: 'Name' + ' *',
    template: '#= name.prename #',
    groupHeaderTemplate: 'Test'
},

即field 应与您在 group 中定义的相同。

您的道场在此处修改：http://dojo.telerik.com/@OnaBai/ITuVU

【讨论】：

是的，这是我目前正在使用的（不使用模板），但是这样我的自定义字段验证不会被调用......
哪个验证？这是一个不同的问题吗？