2014-11-24 80 views
0

我遇到了Kendo Tabstrip内部的Kendo Datepicker问题。以下是我的代码。在运行时,我收到“错误:无效的模板:”错误。任何想法如何去实现这个工作?Kendo Grid内部的Kendo日期选择器Tabstrip - 无效的模板

<script id="EditDevelopmentPlanTemplate" type="text/kendo-tmpl"> 
@(Html.Kendo().TabStrip() 
    .Name("EditDevelopmentPlanTabStrip") 
    .SelectedIndex(0) 
    .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In))) 
    .Items(items => 
    { 
     items.Add().Text("Quarterly Meeting Notes").Content(@<text> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q1MeetingNotes, new { style = "width:470px" }) 
      </div> 
      <div class="editor-field"> 
       @Html.TextAreaFor(m => m.EDP_Q1MeetingNotes, new { style = "width: 470px" }) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q1MeetingDate) 
      </div> 
      <div class="editor-label"> 
       @Html.Kendo().DatePickerFor(m => m.EDP_Q1MeetingDate) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q2MeetingNotes, new { style = "width:470px" }) 
      </div> 
      <div class="editor-field"> 
       @Html.TextAreaFor(m => m.EDP_Q2MeetingNotes, new { style = "width: 470px" }) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q2MeetingDate) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q3MeetingNotes, new { style = "width:470px" }) 
      </div> 
      <div class="editor-field"> 
       @Html.TextAreaFor(m => m.EDP_Q3MeetingNotes, new { style = "width: 470px" }) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q3MeetingDate) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q4MeetingNotes, new { style = "width:470px" }) 
      </div> 
      <div class="editor-field"> 
       @Html.TextAreaFor(m => m.EDP_Q4MeetingNotes, new { style = "width: 470px" }) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.EDP_Q4MeetingDate) 
      </div> 
     </text>); 
    }).ToClientTemplate()) 
</script>      

回答

0

好了,这样的人在那里,可能会遇到这样的})。ToClientTemplate())在脚本的结尾不剪。为了使DateTimePicker控件与模板一起工作,必须在DateTimePicker声明的末尾添加.ToClientTemplate(),如下所示:

@Html.Kendo().DatePickerFor(m => m.Date).ToClientTemplate()