Javascript 带剑道Tabstrip错误的嵌套剑道网格

我在一个格子里有一个格子。第二个网格与面板内的tabstrip共享。在包含Tabstrip代码之前，一切都按预期进行。我在chrome控制台中遇到的错误如下：

Uncaught Error: Invalid template:

我的视图代码：

 @(Html.Kendo().Grid<MVC.Models.Msg>()
    .Name("MsgGrid")    
    .Events(e => e.DataBound("LineItems_Databound"))
    .Columns(columns =>
    {
        //.ClientTemplate("#= LineItems_Databound(Status)#")
        columns.Bound(p => p.ID).Width(50).Hidden(true).HtmlAttributes(new { @class = "Refreshpage" });
        columns.Bound(p => p.Company).Title(@"<span  tabindex=5>Company</span>").Width(75);
        columns.Bound(p => p.Type).Title(@"<span  tabindex=5>Type</span>").Width(75);

    })
    .Pageable(pager =>  pager.Messages(Info => Info.Empty("No Results Found")))
    .Filterable()   
    .Sortable()
    .ClientDetailTemplateId("messagetemplate")
    .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(6)
            .Read(read => read.Action("PaginationGrid", "Controller"))            
        )       
      )


<script id="messagetemplate" type="text/kendo-tmpl">
    <div class="col-md-6"> 
    @(Html.Kendo().Grid<MVC.Models.MsgDetails>()
          .Name("msgid_#=ID#")
          .Columns(columns =>
              {
                  columns.Bound(e => e.Type).Width("35%").Filterable(filterable => filterable.Extra(false).Operators(ops => ops.ForString(str => str.Clear().Contains("Contains")))).Encoded(false);
                  columns.Bound(e => e.Description).Width("35%").Filterable(filterable => filterable.Extra(false).Operators(ops => ops.ForString(str => str.Clear().Contains("Contains")))).Encoded(false);
                  columns.Bound(e => e.DetailsDate).Width("30%").Format("{0: dd/MM/yyyy HH:mm:ss}").Filterable(filterable => filterable.Extra(false).Operators(ops => ops.ForString(str => str.Clear().Contains("Contains")))).Encoded(false);
              })
          .HtmlAttributes(new { style = "overflow-y: hidden;" })
          .Pageable(pager => pager.Messages(Info => Info.Empty("No Results Found")))
          .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .PageSize(10)
                                        .Read(read => read.Action("DetailPaginationGrid", "Controller", new { MsgID = "#=ID#" }))
          )
          .Filterable()
          .Pageable()
          .Sortable(sortable => sortable.AllowUnsort(false))
          .ToClientTemplate()
          )
    </div>
    <div class="col-md-6 panel panel-primary">
            <div class="panel-heading">
                <h2>Messages</h2>
                <hr />
            </div>
            <div class="k-content">
                 @(Html.Kendo().TabStrip()
                      .Name("messageStrip")
                      .Items(tabstrip =>
                          {
                              tabstrip.Add()
                                      .Text("msg1")
                                      .Selected(true)
                                      .Encoded(false)
                                      .ContentHtmlAttributes(new { style = "overflow: auto;" })
                                      .Content(@<text>
                                                <div id="message1" class="panel-body">
                                                    #=message1# 
                                                 </div>
                                            </text>);

                              tabstrip.Add()
                                      .Text("msg2")
                                      .Encoded(false)
                                      .ContentHtmlAttributes(new { style = "overflow: auto;" })
                                      .Content(@<text>
                                                <div id="message2" class="panel-body">
                                                    #=message2# 
                                                 </div>
                                            </text>);
                          })
                 )
                </div>
    </div>

</script>  

@（Html.Kendo（）.Grid（））
.Name（“MsgGrid”）
.Events（e=>e.DataBound（“LineItems_DataBound”））
.列（列=>
{
//.ClientTemplate（“#=行项目_数据绑定（状态）#”）
columns.Bound（p=>p.ID）.Width（50）.Hidden（true）.HtmlAttributes（new{@class=“Refreshpage”}）；
列。绑定（p=>p.Company）。标题（@“Company”）。宽度（75）；
列。绑定（p=>p.Type）。标题（@“Type”）。宽度（75）；
})
.Pageable（pager=>pager.Messages（Info=>Info.Empty（“未找到结果”））
.可过滤（）
.Sortable（）
.ClientDetailTemplateId（“messagetemplate”）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（6）
.Read（Read=>Read.Action（“PaginationGrid”、“Controller”））
)       
)
@（Html.Kendo（）.Grid（））
.Name（“msgid#=ID#”）
.列（列=>
{
columns.Bound（e=>e.Type）.Width（“35%”）.Filterable（Filterable=>Filterable.Extra（false）.Operators（ops=>ops.ForString（str=>str.Clear（）.Contains（“Contains”））.Encoded（false）；
columns.Bound（e=>e.Description）.Width（“35%”）.Filterable（Filterable=>Filterable.Extra（false）.Operators（ops=>ops.ForString（str=>str.Clear（）.Contains（“Contains”））.Encoded（false）；
columns.Bound（e=>e.DetailsDate）.Width（“30%”）.Format（“{0:dd/MM/yyyy HH:MM:ss}”）.Filterable（Filterable=>Filterable.Extra（false）.Operators（ops=>ops.ForString（str=>str.Clear（）.Contains（“Contains”）））.Encoded（false）；
})
.HtmlAttributes（新的{style=“overflow-y:hidden；”）
.Pageable（pager=>pager.Messages（Info=>Info.Empty（“未找到结果”））
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（10）
.Read（Read=>Read.Action（“DetailPaginationGrid”，“Controller”，new{MsgID=“#=ID#”}））
)
.可过滤（）
.Pageable（）
.Sortable（Sortable=>Sortable.alloworst（false））
.ToClient模板（）
)
信息

@（Html.Kendo（）.TabStrip（））
.Name（“messageStrip”）
.Items（tabstrip=>
{
tabstrip.Add（）
.文本（“msg1”）
.已选择（真）
.编码（假）
.contentHtmlatAttributes（新的{style=“overflow:auto；”}）
.内容(@
#=消息1#
);
tabstrip.Add（）
.文本（“msg2”）
.编码（假）
.contentHtmlatAttributes（新的{style=“overflow:auto；”}）
.内容(@
#=消息2#
);
})
)

---

我的问题是这个标签条是如何使它成为无效模板的？我需要在哪里进行更改。。。谢谢

您需要将

.ToClientTemplate（）

添加到tabstrip，就像您将其添加到网格一样

@(Html.Kendo().TabStrip()
...
.ToClientTemplate())

---

这个问题太复杂了吗？