0

我有一个简单的联系人实体的 MVC3 Razor 视图 - 名字和姓氏、职位等 - 包括用于保存一个或多个电话号码的网格。

用户单击保存以创建新项目后，网格将在内联编辑模式下显示设置，并且有一个新的 ID 可用于保存电话号码。这可以正常工作，但客户希望在第一次单击时保存整个表单，包括对电话号码网格的任何编辑。棘手的一点是他们想要保留现有的内联用户体验，这就是我的问题所在：

如何保持与剑道网格内联编辑模式相关的所有 UI/UX，但保存为批处理，就像将其设置为单元内编辑一样？

我已经阅读了有关在单击时保存网格更改的各种文章和教程，但大多数都特定于单元内编辑，而不是特定于 Razor。

这是网格的代码（没有编辑器模板或 js 函数），如果我可以提供任何进一步的细节，请告诉我，我会更新我的问题。

@(Html.Kendo().Grid<ContactNumberListItem>()
          .Name("PhoneNumbersGrid")
          .Columns(columns =>
              {
                  columns.Bound(model => model.Number).Title("Number").Format("{0:#,#}");
                  columns.Bound(model => model.Type).EditorTemplateName("_tmpl_contactPhoneNumberType_dd").Title("Type").ClientTemplate("#:Type.Name#");

                  columns.Command(commands =>
                      {
                          commands.Edit().Text(" ")
                                  .UpdateText(" ")
                                  .CancelText(" "); // The "edit" command will edit and update data items
                          commands.Custom("Delete").Text(" ").Click("DeleteContactPhoneNumber"); // The "destroy" command removes data items
                      }).Width(98);
              })
          .ToolBar(toolBar => toolBar.Create())
          .Editable(editable => editable.Mode(GridEditMode.InLine).DisplayDeleteConfirmation(false))
          .Selectable()
          .Events(events => events
                                .DataBound("OnGridDataBound")
                                .Cancel("OnGridCancel")
                                .Edit("OnGridEdit")
                                .Save("OnGridSave"))
          .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .Batch(false)
                                        .PageSize(5)
                                        .ServerOperation(false)
                                        .Model(model =>
                                            {
                                                model.Id(x => x.Id);
                                                model.Field(t => t.Type).DefaultValue(((List<PhoneNumberTypeListItem>)ViewBag.ContactPhoneNumberTypes).FirstOrDefault());                                                    
                                            })
                                        .Create(update => update.Action("CreateContactPhoneNumber", "ContactPhoneNumber").Data("GetContactId"))
                                        .Update(update => update.Action("UpdateContactPhoneNumber", "ContactPhoneNumber"))
                                        .Read(read => read.Action("SelectContactPhoneNumbers", "ContactPhoneNumber").Data("GetContactId"))
                                        .Events(e => e.Error("error_handler"))))
4

1 回答 1

0

答案似乎是使用占位符控制器方法进行创建/更新/删除 - 即不执行任何操作的方法 - 然后使用下面的代码在任何单击或操作时提交给控制器：

http://www.telerik.com/support/code-library/save-all-changes-with-one-request

于 2014-07-07T08:55:22.793 回答