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

时间:2014-09-03 12:09:54

标签: asp.net-mvc kendo-ui kendo-grid kendo-asp.net-mvc

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

columns.Add("TemplateCol").Title("Out of date").TemplateColumn(true).TemplateName("TemplateOutOfDate");

并且对于TemplateOutOfDate,我在单独的.cshtml文件中创建了

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

.cshtml在Syncfusion网格中正常工作,但当我将此代码移植到Kendo().Grid时,它无效 所以请告诉我,我们可以使用ClientTemplate在Kendo Grid中添加DatePicker。

谢谢,阿吉特

1 个答案:

答案 0 :(得分: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}");

More Details