ClientTemplateId 不适用于 Kendo Grid答案

【问题标题】：ClientTemplateId not working with Kendo GridClientTemplateId 不适用于 Kendo Grid
【发布时间】：2014-06-12 13:37:42
【问题描述】：

我的剑道网格如下：

 @(Html.Kendo().Grid<TEAMS_PP.Entity.Scoring>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.Code).Title("Code");
        columns.Bound(c => c.Correlated_To).Title("Correlated To");
    })
    .Pageable()
    .Sortable()
    .Scrollable(scr=>scr.Height(430)) 
    .Filterable()
    .ClientDetailTemplateId("grdScoringTemplate")
    .BindTo(ViewBag.ScoringList)
)

我有ClientTemplateId如下：

<script type="text/x-kendo-tmpl" id="grdScoringTemplate">
    <div>
        <table>
            <tr>
                <td>
                    #: Code #
                </td>
                <td>
                    #: Correlated_To #
                </td>
             </tr>
        </table>
    <div>
</script>

但它没有正确绑定。

应该是这样的：

可能是什么问题？？？

它不是根据客户端模板绑定网格。

【问题讨论】：

你真的是熊吗？或者只是他的粉丝
@Jatt.net-Born2Code real :P 如果你能帮忙，请解决答案。
好吧，我只是 Bear 的粉丝//
我从来没有学过剑道，但我会尽力解决问题

标签： c# asp.net .net asp.net-mvc-4

【解决方案1】：

此链接希望对初学者有所帮助： http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/client-detail-template

但很快我会建议从以下位置更改模板的声明：

<script type="text/x-kendo-tmpl" id="grdScoringTemplate">

到

<script type="text/x-kendo-template" id="grdScoringTemplate">

【讨论】：

【解决方案2】：

我认为问题在于您命名详细信息表的方式。明细表不知道它应该使用哪个父记录作为明细。首先，我会使用 Kendo Grid 作为细节而不是常规表格。这就是我的代码的样子。

@(Html.Kendo().Grid<OMSWeb.Models.OrderGridViewModel>()
    .Name("grid")
    .HtmlAttributes(new { style = "width:115%;font-size:10px;line-height:2em" })
    .Columns(columns =>
    {
      //columns
    })
        .Selectable(s => s.Mode(GridSelectionMode.Single).Type(GridSelectionType.Cell))              
        .Pageable() // Enable paging
        .Sortable() // Enable sorting
        .ClientDetailTemplateId("OrderDetailsAll")
        .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(5)
        .Read(read => read.Action("Get", "Order"))

        ))

<script id="OrderDetailsAll" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<OMSWeb.Models.OrderDetailAllViewModel>()
        .Name("grid2_#=OpportunityId#") //opprtunityId == row to detail off of 
        .Editable(editable => editable.Mode(GridEditMode.InCell))  
        .Columns(columns =>
        {
            //columns

        })   
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("GetDetailsAll", "Order", new {  opportunityId = "#=OpportunityId#" })) //get selected rows details
                      .Model(model => 
               {
                   model.Id (z => z.OrderDetailId);                  
               })      
        )   
        .ToClientTemplate())

</script>

查看文档here

【讨论】：