kendo-ui - JavaScript 中的 headerTemplate 而不是 Kendo-UI Grid 的 Wrapper

Question

我怎样才能用 javascript 编写这个而不是使用 MVC Wrapper？

@(Html.Kendo().Grid(Model.List)
      .Name("grid")
    .Columns(c => { 
        c.Bound(e => e.ID); 
        c.Bound(e => e.Nom).HeaderHtmlAttributes(new { colspan = 2 }); 
        c.Bound(e => e.Nb).HeaderHtmlAttributes(new { style= "display:none;" }); 
    })
)

我从以下代码开始进行实验，我知道它与上面提到的属性不完全匹配，但是如何为剑道网格的 javascript 列设置 HeaderHtmlAttributes 和 Headertemplate？

$("div#kendogrid").kendoGrid({
        dataSource: dataSource,
        columns: [
             {
                 field: "ID",
                 title: "Nr Id",
                 headerTemplate: "sample template text col 1",
                 width: 100
             },
             {
                 field: "Nom",
                 headerAttributes: {
                     "class": "myHeader",
                     style: "text-align: right"
                 },
                 width: 200
             }
        ]
    });

Answer 1

您是正确的，HeaderHtmlAttributes是使用指定columns.headerAttributes的，并且等效于您的HeaderTemplateis columns.headerTemplate。请参阅文档链接：

• http://docs.kendoui.c​​om/api/web/grid#columnsheaderattributes-object
• http://docs.kendoui.c​​om/api/web/grid#columnsheadertemplate-string

您的原始代码的翻译将是：

$("#kendogrid").kendoGrid({
    dataSource: dataSource,
    columns   : [
        {
            field: "ID"
        },
        {
            field           : "Nom",
            headerAttributes: {
                colspan: 2
            }
        },
        {
            field           : "Nb",
            headerAttributes: {
                style: "display:none"
            }
        }
    ]
});