Kendo UI Mvc 网格标题模板

Question

使用读取操作，我将网格数据作为 json 获取并绑定在网格中，标题标记为粗体：

姓名 |价格

XXX | 5
年年 | 10
ZZZ | 15

绑定所有值后，现在我必须显示标题如下的网格：

姓名 |价格(30)

XXX | 5
年年 | 10
ZZZ | 15

是否有用于“标题”的 ClientTemplate 来执行此操作？而不是 javascript 循环和更改标题文本？如果是这样，请帮助我。

谢谢。

Answer 1

Kendo UI Grid 确实有 headerTemplate，您可以在其中进行计算和更改列标题的外观。

// Example kendoGrid use of column.headerTemplate
var templateFunction = function(shouldBeColumn) {
    // shouldBeColumn is an empty object rather than the column object
    return "Useless object:" + kendo.stringify(shouldBeColumn);
};

$("#grid").kendoGrid({
    dataSource: {
        data: products,
        pageSize: 20
    },
    height: 550,
    scrollable: true,
    columns: [
        { field: "ProductName", title: "Product Name" },
        { field: "UnitPrice", title: "Unit Price", headerTemplate: plainTemplate },
        { field: "UnitsInStock", title: "Units In Stock", headerTemplate: templateFunction }
    ]
});