如何动态地添加列到剑道网格与内联编辑选项

Question

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

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

我正在使用下面的代码添加列，并绑定到kendo网格的列属性。

  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"});

请帮帮我。

Answer 1

在列列表中定义列时，您将在数据源中拥有基于您将使其可编辑的属性，即YourProperty，使用此属性您可以像下面这样绑定选中的属性。

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