Kendo UI Mvc网格标题模板

Question

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

名称|价格

XXX | 5
YYY | 10个
ZZZ | 15

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

名称| PRICE（30）

XXX | 5
YYY | 10个
ZZZ | 15

是否有＃34; Title＆＃34;的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 }
    ]
});