Kendo 网格 groupHeaderTemplate 无法使用复杂的数据源

Question

我正在尝试使用 kendo 网格来显示复杂数据。我使用 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 应该将分组 header 重命名为 "Test" 而它没有。相反，它显示 "name.prename" 并忽略 groupHeaderTemplate.

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

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

Answer 1

您应该将列定义为：

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

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

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

Kendo 网格 groupHeaderTemplate 无法使用复杂的数据源

Kendo Grid groupHeaderTemplate not working with complex dataSource

telerik

kendo-ui

kendo-grid