如何使用内联编辑选项将列动态添加到剑道网格答案

【问题标题】：How to dynamically add columns to kendo grid with inline edit option如何使用内联编辑选项将列动态添加到剑道网格
【发布时间】：2014-03-13 12:09:20
【问题描述】：

我有一个列数组对象，它绑定到剑道网格的列属性。如果我在数组中添加命令，则会出现按钮，但不会触发编辑事件。

同样在编辑模式下，我需要启用每列中的复选框并根据列名对其进行更新。

我正在使用下面的代码添加列并使用剑道网格的列属性。

  var titleDefs = [
        "User Name", "Admin", "Print"
    ];
    // Field Definition
    var fieldDefs = [
        "UserName", "Admin", "Print"
    ];
    var columnDefs = [];

    for (var i = 0; i < titleDefs.length; i++) {
        if (i == 0)
            columnDefs.push({
                title: titleDefs[i], field: fieldDefs[i],
            });

        else
            columnDefs.push({
                title: titleDefs[i], field: fieldDefs[i], template: '<input id=chk' + fieldDefs[i] + ' name=chk' + fieldDefs[i] + ' type="checkbox" #=  ' + fieldDefs[i] + ' ? "checked=checked style=display:block disabled=disabled" : " style=display:none" #  ></input>',
            });
    }
    columnDefs.push({ command: "edit", title:"", width:"100px"});

请帮帮我。

【问题讨论】：

我已经使用剑道网格属性解决了第一个问题 - 可编辑：{ mode: "inline" }。但是我需要用复选框编辑多个列的第二个问题似乎很困难，因为我需要为每个带有复选框的列创建一个模板，并且在数据绑定中我需要禁用所有复选框并在编辑时启用它。
嘿，一个模板可以适用于所有具有相同类型的列。
好的，让它工作。我的网格中还有一个问题，当我单击编辑时，所有复选框都被启用，即使是“选中”的复选框，但我希望在编辑期间禁用“选中”的复选框，请告诉我如何实现这一点？跨度>
如果您可以提供创建模板的方式，则很容易为您提供解决方案

标签： dynamic kendo-ui grid kendo-grid inline-editing

【解决方案1】：

在列列表中定义列时，您将根据您将使其可编辑的内容（即 YourProperty）在数据源中拥有该属性，使用此属性您可以绑定选中的属性，如下所示。

columnList = [{ title: "", width: "30px", template: "<input class='chkEmail' id='chk_#= DocumentGUID #' type='checkbox'  data-bind='checked: YourProperty' #= YourProperty? checked='checked' : '' #/>", groupable: false}]

【讨论】：