JavaScript中的headerTemplate而不是Kendo-UI Grid的包裝

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;" }); 
    }) 
) 

我開始用下面的代碼去嘗試，我知道這是不是一個確切的 匹配上面提到的屬性，但我怎麼可以設置 HeaderHtmlAttributes和HeaderTemplate中的使用Javascript劍道格列？

$("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規定，並且相當於你HeaderTemplate是columns.headerTemplate。請參閱文檔的鏈接：

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

的原密碼翻譯是：

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