javascript - Kendo UI - js 网格销毁功能未触发

Question

这是我的网格:

  $(document).ready(function () {
datasource = new kendo.data.DataSource({
    transport: {
        read: {
            url: '/Discount/Get',
            dataType: "json",
        },
        update: {
            url: '/Discount/Update',
            dataType: "json",
            type: "POST"
        },
        destroy: {
            url: '/Discount/Delete',
            dataType: "json",
            type: "POST"
        },
        create: {
            url: '/Discount/Add',
            dataType: "json",
            type: "POST"
        },
        parameterMap: function (options, operation) {
            console.log(operation);
            if (operation !== "read") {
                return options;
            }
        }
    },
    schema: {
        model: {
            id: "Id",
            fields: {
                TopItemName: { type: "string" },
                DiscountValue: { type: "number" },
            }
        }
    }
});
$("#grid").kendoGrid({
    dataSource: datasource,
    batch: true,
    toolbar: ["create", "save", "cancel"],
    height: 400,
    navigatable: true,
    pageable: true,
    columns: [
    {
        field: "TopItemName",
        editor: topItemDropDown,
        template: "#=TopItemName#"
    },
    {
        field: "DiscountValue",
        format: "{0:p0}",
        editor: function (container, options) {
            $("<input name='DiscountValue'>")
            .appendTo(container)
            .kendoNumericTextBox(
              {
                  min: 0,
                  max: 1.00,
                  step: 0.01
              });
        }
    },
    {
        command: "destroy",
        title: "&nbsp;",
        width: 150
    }],
    editable: true
});

function topItemDropDown(container, options) {
    console.log(options);
    $('<input required data-text-field="TopItemName" data-value-field="TopItemName" data-bind="value:' + options.field + '"/>')
        .appendTo(container)
        .kendoDropDownList({
            autoBind: false,
            dataSource: {
                serverFiltering: true,
                transport: {
                    read: {
                        url: '/Discount/GetTopItemName',
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json"
                    }
                }
            }
        });
    }

});

不知何故，当我按下删除按钮时，它会从网格中删除该行，但它永远不会调用我的操作方法，以便该行从我的数据库中删除。但是，如果我在按下删除按钮后按添加新记录，然后保存更改，那么它会调用我的添加操作方法和删除操作方法。如何让它在按下删除按钮时调用删除操作方法，而不是在按下保存更改时调用删除操作方法？

Answer 1

这就是默认编辑的默认工作方式 - 用户必须单击“保存更改”按钮才能将所有更改提交到服务器。

您可以执行以下操作之一

• 设置 autoSync将数据源选项设置为 true
• 使用不同的编辑模式 - 例如 inline .
• 处理remove网格事件并调用 this.dataSource.sync() 自动同步更改。