Kendo UI Mvc网格标题模板

Question

使用read操作，我以json的形式获取网格数据，并在网格中绑定，标题标记为粗体：

名称/价格

XXX .5

YYY系列10

ZZZ \x{e76f} 15

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

姓名价格(30)

XXX .5

YYY系列10

ZZZ \x{e76f} 15

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

谢谢。

Answer 1

Kendo有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 }
    ]
});