kendo grid ui可编辑配置

Question

我只想问一下是否有人知道如何在点击按钮时将kendo网格设置为可编辑的true或false。我可以将网格设置为可编辑的true，如果它设置为false但是，我无法将其设置回可编辑的false。非常感谢您的回复。 ：）

$('.k-grid-add').on('click',function(){
   $("#grid").kendoGrid({
          dataSource: dataSource,
          navigatable: true,
          pageable: true,
          height: 430,
          toolbar: ["create", "save", "cancel"],
          columns: [
              "ProductName", {
              field: "UnitPrice",
              title: "Unit Price",
              format: "{0:c}",
              width: 110
          }, {
              field: "UnitsInStock",
              title: "Units In Stock",
              width: 110
          }, {
              field: "Discontinued",
              width: 110
          }, {
              command: "destroy",
              title: " ",
              width: 90
          }],
          editable: true
      });
});

$('.k-grid-cancel-changes').on('click',function(){
$("#grid").kendoGrid({
          dataSource: dataSource,
          navigatable: true,
          pageable: true,
          height: 430,
          toolbar: ["create", "save", "cancel"],
          columns: [
              "ProductName", {
              field: "UnitPrice",
              title: "Unit Price",
              format: "{0:c}",
              width: 110
          }, {
              field: "UnitsInStock",
              title: "Units In Stock",
              width: 110
          }, {
              field: "Discontinued",
              width: 110
          }, {
              command: "destroy",
              title: " ",
              width: 90
          }],
          editable: false
      });
});

Answer 1

不支持动态更改网格的可编辑选项。

您需要使用新设置重新初始化整个网格。

或者您必须创建模板列，根据您的条件显示一个按钮，将行置于编辑模式（调用网格的 editRow 方法）。关于条件逻辑以及如何执行它包含在this主题中。