Question

我正在使用带有三列的Kendo网格名称，日期我在其中一列中有编辑按钮，现在我点击“编辑”按钮，然后相应的行应该处于编辑模式，并在“日期”字段中使用网格内的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。尝试这样的事情：

IPath = fullfile(vl_root, 'data', 'roofs1.jpg') ;
I = imread(IPath) ;
I = im2single(rgb2gray(I)) ;
size(I)

[frames_dsift, descrs_dsift] = vl_phow(I, 'Sizes', 1, 'WindowSize',1 ,'Step', 1, 'Magnif', 6) ;
%[frames_dsift, descrs_dsift] = vl_phow(I) ;
size(frames_dsift)


[featureVector_hog, hogVisualization] = extractHOGFeatures(I);
%size(featureVector_hog)
%figure;
%imshow(I); hold on;
%plot(hogVisualization);


features_lbp = vl_lbp(I, 1);
%size(features_lbp)

您可能还需要将编辑器模板从计算机复制到columns.Bound(p => p.Date) .Format("{0:MM/dd/yyyy}") .Width(190) .EditorTemplateName("DateTime");文件夹。

对我来说，他们在这里：
~\Views\Shared\EditTemplates

使用Kendo DataPicker进行Kendo Grid内联编辑

1 个答案: