剑道网格编辑事件处理程序不更新行

Question

当使用内联编辑将新项目添加到剑道网格中时，construcd数据源由所选的OrgID过滤。添加一行后，OrgID列不再可编辑（使用isOrgEditable（）进行设置），但压缩是可编辑的。不幸的是，级联不能用于编辑，construcd的数据源未经过滤。

为了解决这个问题，我订阅了编辑事件（data-edit="setCoutsDataSource"）并手动过滤数据源。这是可行的，但是更新按钮不做任何事情，编辑就会丢失。

<div id="grid">
    <div class="k-content wide">
        <div>
            <div data-role="grid"
                 data-editable="inline"
                 data-edit="setContractsDataSource"
                 data-toolbar="[{ name: 'create', text: 'Add Item' }]"
                 data-columns='[
                 { field: "OrgID", title: "Company", editable: isOrgEditable, editor: orgDropDownEditor, template: "#: lookupForOrg(organisationID) #" },
                 { field: "ContractID", title: "Contract", editor: contractsDropDownEditor, template: "#: lookupForContract(ContractID) #" },
                 { command: ["edit", "destroy"], width: "220px" }
            ]'
            data-sortable="true"
            data-pageable="true"
            data-filterable="true"
            data-bind="source: items"></div>
        </div>
    </div>
</div>

Answer 1

通常情况下，我在写问题时解决了这个问题。为便于将来参考，未更新的原因是未从事件处理程序返回true：

function setContractsDataSource(e) {
    let orgID = e.model ? e.model.OrgID : this.dataItem().OrgID;
    if (orgID) {
        $("#contracts").data("kendoDropDownList").setDataSource(contractsData.filter(elt => elt.ContractorID == orgID));
    }
    return true; // fixed it
}

随后确定，该列仅在已包含值时才会更新，即，如果以前该列为空，则不会保存新值。这个telerik论坛帖子帮助解决了这个问题。需要合同列的编辑器valuePrimitive:true。

function contractsDropDownEditor(container, options) {
    $('<input id="contracts" name="' + options.field + '"/>')
        .appendTo(container)
        .kendoDropDownList({
            autoBind: false,
            dataTextField: "ContractNo",
            dataValueField: "ContractID",
            dataSource: contractsData,
            optionLabel: "Select contract...",
            valuePrimitive: true
        });
}