grid - 階層グリッドの場合、詳細を編集した後、ローカル データにバインドすると、詳細が自動的に展開解除されます

Question

詳細グリッドで編集した後、詳細グリッドが展開されません。どんどん広げてほしい。ありがとうございました。以下は私のグリッドコードです：

$("#grid").kendoGrid({
    editable:true,
    columns: [
      { field: "name" },
      { field: "address" }
    ],
    dataSource: [
      {
          name: "Beverages",
          address: "street 1",
          products: [
            { name: "Tea", price: 20 },
            { name: "Coffee", price: 23 }
          ]
      },
      {
          name: "Food",
          address: "street 2",
          products: [
            { name: "Ham", price: 32 },
            { name: "Bread", price:34 }
          ]
      }
    ],
    detailInit: function (e) {
        $("<div/>").appendTo(e.detailCell).kendoGrid({
            dataSource: e.data.products,
            editable:true,
        });
    }
});

Answer 1

グリッドは、データ項目が更新されるたびに再バインドされるため、縮小 (展開解除) されます。データバインディングを防止する必要があります。

detailInit: function (e) {
    var grid = this;
    $("<div/>").appendTo(e.detailCell).kendoGrid({
        dataSource: e.data.products,
        editable:true,
        save: function() {
          // Prevent the next data-binding
          grid.one("dataBinding", function(e) {
            e.preventDefault();
          });
        }
    });
}

ここに完全なサンプルがあります: http://dojo.telerik.com/uWuyI