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重新绑定并重新评估其中的所有模板它（包括细节）。这就是为了保护孩子的原因重新绑定之间的网格数据您应该保存它以删除服务（链接到此处的文档）或将其添加为导航属性集合到父网格模型（演示可在此处获得）。

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

Kendo UI中可编辑的分层网格

1 个答案: