如何将所有 Kendoui 网格单元更改为编辑模式

Question

我正在自定义 Kendoui 网格模板，发现我只需要一直处于编辑模式的所有单元格。如何将所有单元格更改为编辑模式？以编程方式还是在设置中？

谢谢！

Answer 1

支持的编辑模式一次只能编辑一个单元格或一个行。但是，您可以使用列模板来执行此操作。并且您需要使用 MVVM 以便更新值。下面是一些示例代码：

查看

<!-- grid declaration -->
<div id="grid" 
     data-row-template="row-template"
     data-role="grid"     
     data-sortable="true"
     data-bind="source: dataSource">    
</div>
<!-- grid row template -->      
<script id="row-template" type="text/x-kendo-template">
<tr data-uid="#=uid#">
  <td>
      <input data-bind="value: name" />
  </td>
  <td>
    <input data-role="numerictextbox" data-bind="value: age" />
  </td>
</tr>
</script>

视图模型

<script>
var viewModel = kendo.observable({
  dataSource: [
    { name: "Jane Doe", age: 31 },
    { name: "John Doe", age: 33 }
  ]
});

kendo.bind(document.body, viewModel);
</script>