编辑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