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)))

一切都很好，但很糟糕，如果我想做一点小小的改变，那就很难了

---

如何以更干净的方式进行操作？

您可以这样做：

 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>

columns.Bound（p=>p.Column1.ClientTemplate（“#=getTemplate（）#”）；
函数getTemplate（）{
var html=kendo.format（“”，
参数1，
参数2
);
返回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>