Kendo Grid Tabstrip中的Kendo Datepicker-無效的模板

Question

我在Kendo Tabstrip中的Kendo Datepicker遇到問題。 下面是我的代碼。 在運行時，我收到“錯誤：無效的模板：”錯誤。 關於如何使它起作用的任何想法？

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

Answer 1

好的，所以對於可能遇到此問題的任何人，腳本末尾的}}。ToClientTemplate（））都不會削減它。 為了使DateTimePicker控件與模板一起使用，您必須在DateTimePicker聲明的末尾添加.ToClientTemplate（），如下所示：

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