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应该将分组标题重命名为“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 Grid groupHeaderTemplate无法使用复杂的dataSource

1 个答案: