通过自定义上下文菜单 Ag-Grid 更新和删除

Question

我正在使用角度为 2 的 ag-grid。

我创建了一个包含删除和更新按钮的自定义上下文菜单。 在一个场景中，用户选择一个或多个行，然后右键单击并单击删除或更新按钮。

这些按钮通过 gridOptions 调用一些函数来获取选定的行。

但是；当我单击删除或更新按钮时，出现一个错误，提示 this.gripOptions 未定义。

有没有关于此的示例或文档？ 我该如何克服这个问题？

感谢回复

    var gridOptions = {
        columnDefs: columnDefs,
        enableRangeSelection: true,
        getContextMenuItems: getContextMenuItems,
        allowContextMenuWithControlKey: true
    };
    getContextMenuItems(params) {
        var result = [
            { // custom item
                name: 'Delete',
                action: function () { this.delete()); }
            } 

    return result;
    }

    delete() {
        var selectedRows = this.gridOptions.api.getSelectedRows();
    }

Answer 1

这是因为您将 gridOptions 声明为变量，而不是其中的一部分。你可以做的是：

var vm = this;
vm.gridOptions={...}

[...]

 delete() {
    var selectedRows = vm.gridOptions.api.getSelectedRows();
}

这样你就不用关联“this”了，这在Javascript中很难管理，但是你对本地上下文有一定的参考