javascript - 修改KendoGrid模板的更简洁方法

我想为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";
}

一切都很好，但是很混乱，如果我想做一点改变都很难
我该如何以一种更清洁的方式进行操作？

最佳答案

您可以这样操作：

 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内部的更多信息

关于javascript - 修改KendoGrid模板的更简洁方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27415270/