javascript - 编辑 KendoGrid 模板的更简洁方法

Question

我想为我的 KendoGird 使用自定义模板，并且我在网格内嵌套了详细信息
这是我的代码:

@(Html.Kendo()
      .Grid(Model)
      .Name("grid")
      .Columns(columns =>
          {
              columns.Template(@<text></text>)
                     .ClientTemplate(
                          "<div>" +                                      
                          "<div style=\"float:left\">#= SomeFeild1#</div>" +                                      
                          "<div style=\"clear:both;\">" +
                          "#= SomeFeild2#" +
                          "</div>" +
                          "<div class=\"attache\" style=\"clear:both\">" +
                          "#=CreateGrid(Id)#" +
                          "</div>" +                                     
                          "</div>");
          })
   .Sortable()
   .Pageable()
   .DataSource(dataSource => dataSource
                   .Ajax().PageSize(20)
                   .ServerOperation(false)))

此 JavaScript 函数以 html 形式返回嵌套详细信息:

function CreateGrid(id) {
    return "Some more html";
}

一切都工作正常，但很困惑，如果我想做哪怕一点点的改变都会很困难
我怎样才能以更干净的方式做到这一点？

Answer 1

你可以这样做:

 columns.Bound(p => p.Column1).ClientTemplate("#= getTemplate() #");

<script>
function getTemplate() {
    var html = kendo.format("<a href='{0}/{1}'>Show Product Details</a>",
        param1,
        param2
    );

    return html;
}
</script>

更多信息见 this link