使用Kendo DataPicker进行Kendo网格内联编辑

Question

我使用的剑道网格有三列名称，日期我在其中一列有编辑按钮，现在如果我点击“编辑”按钮，那么相应的行应该在“日期”字段的网格内的KendoDataPicker处于编辑模式。如何实现这一点？

@(Html.Kendo().Grid<MyModel.ResultM>()
                                   .Name("ResultsGrid")
                                   .Sortable()
                                   .Events(grid => grid.DataBound("fnShowNoRecordsFoundMsg"))
                                   .AutoBind(true)
                                   .Scrollable(scr => scr.Height("auto"))
                                   .Sortable(sortable => sortable.AllowUnsort(false))
                                   .Columns(columns =>
                                   {
                                       columns.Bound(p => p.Name).Title("Name").Width(27);
                                       columns.Bound(p => p.Date).Title("Date").Width(27).EditorTemplateName((
                                       @Html.Kendo().DatePicker()
                                 .Name("FDPicker")
                                            //.Value()
                                            .HtmlAttributes(new { data_bind = "value:Date" })
                                       .Format("{0:MM/dd/yy}")

                                .ToClientTemplate()).ToHtmlString());
                                       columns.Command(command => { command.Destroy(); command.Edit(); }).Width(24);
                                   })
                                       .Editable(editable => editable.Mode(GridEditMode.InLine).CreateAt(GridInsertRowPosition.Bottom))
                                        .DataSource(Resultdatasource=> Resultdatasource
                                        .Ajax()
                                        .Sort(sort => sort.Add("Date").Descending())
                                        .Model(model => model.Id(p => p.Name))
                                        .ServerOperation(false)
                                        .Read(read => read.Action("Results_Read", "Home").Data("fnGetParamsObject"))
                                        .Update(update => update.Action("EditingInline_Update", "Home"))
                                        .Destroy(update => update.Action("EditingInline_Destroy", "Home"))
                                                )
)

Answer 1

内联编辑依赖于EditorTemplates。试着这样做：

columns.Bound(p => p.Date)
        .Format("{0:MM/dd/yyyy}")
        .Width(190)
        .EditorTemplateName("DateTime");

您可能还需要将编辑器模板从计算机复制到~\Views\Shared\EditTemplates文件夹中。

对我来说，它们就在这里：
C:\ProgramFiles（x86）\Telerik\UI For ASP。NET MVC 2015年第二季度\wrappers\aspnetmvc\EditorTemplates\razor