如何在ClientTemplate中为Kendo MVC Grid添加DatePicker

aji*_*ngh 3 asp.net-mvc kendo-ui kendo-grid kendo-asp.net-mvc

我试图将我的代码从syncfusion移植到telerik kendo MVC UI,我需要在Grid单元格中显示Datepicker,并且我在网格列中已经完成了:

columns.Add("TemplateCol").Title("Out of date").TemplateColumn(true).TemplateName("TemplateOutOfDate");
Run Code Online (Sandbox Code Playgroud)

而对于TemplateOutOfDate,我在单独的.cshtml文件中制作了

@Html.Syncfusion().DatePicker("OutOfDate" + Model.ID.ToString(), Model.OutOfDate).DefaultDate(Model.OutOfDate).DisplayDefaultDateOnLoad(true).DateFormat(Model.DefaultDateFormat).Width(75).OnSelect("onselect")
Run Code Online (Sandbox Code Playgroud)

.cshtml在Syncfusion网格中工作正常但是当我将此代码移植到Kendo().Grid它时不起作用所以请告诉我,我们可以使用ClientTemplate在Kendo Grid中添加DatePicker来实现这一点.

谢谢,阿吉特

小智 5

试试这个

columns.Bound(c => c.BirthDate).HtmlAttributes(new
    {
        @class = "templateCell"

    }).ClientTemplate(
     Html.Kendo().DatePicker()
      .Name("FDPicker_#=ID#")
      .Format("{0:dd/MM/yyyy}")
      .HtmlAttributes(new { data_bind = "value:BirthDate" })
      .ToClientTemplate().ToString()
      ).Format("{0:dd/MM/yyyy}");
Run Code Online (Sandbox Code Playgroud)

更多细节