Kendo UI中的可编辑分层网格

Question

我希望创建一个网格，每行内部都有网格。

这两个网格都需要可编辑，而我设法做到了。 但是，当我尝试向外部网格添加新行时，内部的所有数据都消失了。

您可以在此处找到演示： http : //dojo.telerik.com/UqURE

您能帮忙解决这个问题吗？

谢谢！

var outerDataSource= new kendo.data.DataSource({
        schema: {
            model: {
                field1: { type: "string", validation: { required: true } },
                field2: { type: "boolean", validation: { required: true } },
                field3: { type: "string", validation: { required: true } }
            }
        }
    });

$("#outerGrid").kendoGrid({
    dataSource: outerDataSource,
    detailInit: onExpansion,
    toolbar: ["create"],
    columns: [
        { field: "field1", title: "field1" },
        { field: "field2", title: "field2" },
        { field: "field3", title: "field3" },
        { command: ["destroy"], title: " " }],
    editable: true
});
function onExpansion(e) {
    var insideDataSource= new kendo.data.DataSource({
        schema: {
            model: {
                in1: { type: "string", validation: { required: true } },
                in2: { type: "string", validation: { required: true } }
            }
        },
        data: [{
            in1: "Click to edit",
            in2: "Click to edit"
        }]
    });

    var headers = $("<div/>").appendTo(e.detailCell).kendoGrid({
        dataSource: insideDataSource,
        width: 90,
        toolbar: ["create"],
        editable: true,
        columns: [
          { field: "in1" },
          { field: "in2" },
          { command: ["destroy"], title: "&nbsp;" }]
    });
};

Answer 1

Telerik的回答：

请注意，诸如分页，排序，筛选和编辑之类的操作会导致Grid重新绑定并重新评估其中的所有模板（包括详细信息）。 因此，为了保留重新绑定之间的子Grid数据，您应该将其保存以删除服务（此处链接到文档），或者将其作为导航属性集合添加到父Grid模型中（此处提供了演示）。

http://www.telerik.com/forums/hirarchialy-editable-grids