Can Kendo Grid可以一直处于编辑模式吗？

Question

有没有人知道如果kendo网格可以始终设置为编辑模式？

我们不希望用户点击单元格或按钮来激活编辑模式。我们希望它的小部件能够随时显示并可用。

有没有可能？

Answer 1

开箱即用，不完全是。您可以启用通常显示所有内容的批量编辑，但单击单元格会自动将其切换到编辑器。

Example

要启用它，放在桌子上的数据源设置{ batch: true }。否则，你就要进行一些更深层次的脚本。检查并只需在所有行上调用editRow即可。默认行为是当一个新的文件进入编辑模式时，禁止对一行进行编辑。

所以，快速查看说批处理模式 - 不会始终显示编辑器，但工作和开箱即用。

Answer 2

除了使用批处理编辑模式，您可以尝试设置每个列的模板并使用MVVM将输入元素绑定到数据项。

$("#grid").kendoGrid({ 
    dataSource: { 
    schema: { 
     model: { 
     id: "id", 
     fields: { 
      id: { editable: false } 
     } 
     } 
    } 
    data: [ 
     { id:1, age: 30, name: "John Doe" } 
    ] 
    }, 
    columns: [ 
    { field: "id", width: 50 }, 
    { field: "age", template: "<input data-bind='value: age' data-role='numerictextbox'>" }, 
    { field: "name", template:"<input data-bind='value: name' >" } 
    ], 
    dataBound: function() { 
    var rows = this.tbody.children(); 
    var dataItems = this.dataSource.view(); 
    for (var i = 0; i < dataItems.length; i++) { 
     kendo.bind(rows[i], dataItems[i]); 
    } 
    } 
}); 

这里有一个现场演示：http://jsbin.com/ApoFobA/2/edit

Answer 3

我发现上面的回答是优秀的。然而，一个问题是，Kendo在刷新网格时（例如排序或筛选时或调用refresh（）时）不会清除绑定并删除网格的DOM元素。结果是dataItems将有越来越多的“更改”事件排队 - 有点内存泄漏。这可以通过在dataBinding事件中解除绑定来避免，如下所示：

dataBinding: function() { 
    var rows = this.tbody.children(); 
    for (var i = 0; i < rows.length; i++) { 
    kendo.unbind(rows[i]); 
    } 
}