Question

是否可以在父网格的弹出编辑器中添加可编辑网格？两个网格都是Ajax绑定。

父网格视图：

@(Html.Kendo().Grid<MyProject.Business.Models.ParentDTO>().Name("ParentGrid")
.Columns(cols => cols.Command(o => o.Edit() ).Title(" "))
.Editable(editor => editor.Mode(GridEditMode.PopUp))
.Events(events=>events.Edit("onEditOfParentGrid"))
.DataSource(datasource => datasource
    .Ajax()
    .Model(model => model.Id(o => o.id))
    .Read(read => read.Action("GetAll", "ParentAjax"))
    .Update(update => update.Action("Update", "ParentAjax"))
    .Create(create => create.Action("Create", "ParentAjax"))
    .Destroy(destroy => destroy.Action("Destroy", "ParentAjax"))
    )
)
<script type="text/javascript">
    function onEditOfParentGrid(e) {
        $('#ChildGrid').data().kendoGrid.dataSource.read({ id: e.model.id })
    }
</script>

子网格视图（父级默认的EditorTemplate）：

@model MyProject.Business.Models.ParentDTO
@(Html.Kendo().Grid<MyProject.Business.Models.ChildDTO>().Name("ChildGrid")
.AutoBind(false)
.Editable(edit=>edit.Mode(GridEditMode.InCell))
.DataSource(datasource => datasource
    .Ajax()
    .Model(model =>model.Id(o => o.id))
    .Read(read => read.Action("GetByParentId", "ChildAjax"))
    .Update(update => update.Action("Update", "ChildAjax"))
    .Create(create => create.Action("Create", "ChildAjax"))
    .Destroy(destroy => destroy.Action("Destroy", "ChildAjax"))))

执行此操作会通过显示内联并编写一些javascript（作为文本）来搞砸弹出编辑器。子网格也会丢失数据。如果子网格没有编辑器（也就是只读），一切正常，数据就会显示出来。

在控制台中有一个jQuery错误，但它没有（至少对我而言）说了很多

Uncaught SyntaxError: Unexpected token ILLEGAL jquery-1.8.2.js:564
  (anonymous function) jquery-1.8.2.js:564
  jQuery.extend.globalEval jquery-1.8.2.js:565
  (anonymous function) jquery-1.8.2.js:6006
  jQuery.extend.each jquery-1.8.2.js:611
  jQuery.fn.extend.domManip jquery-1.8.2.js:5991
  jQuery.fn.extend.append jquery-1.8.2.js:5764
  jQuery.fn.(anonymous function) jquery-1.8.2.js:6186
  h.extend._createPopupEditor kendo.all.min.js:8
  h.extend.editRow kendo.all.min.js:8
  (anonymous function) kendo.all.min.js:8
  jQuery.event.dispatch jquery-1.8.2.js:3063
  elemData.handle.eventHandle jquery-1.8.2.js:2681

Answer 1

当涉及到嵌套小部件时，KendoUI还没有完全实现。替代方法是扩展行（行细节）并在那里启动子网格。大概这是多对一关系？如果你有多个关系，请为每个网格制作一个标签。

Grid的弹出编辑器中的可编辑网格

1 个答案: