ag-grid - 使用上下文菜单时确定范围问题

Question

我正在关注文档 here将上下文菜单项添加到我的网格中。问题是，从 getContextMenuItems 的范围(在示例中)，我无法访问组件中的任何其他方法或变量。这可能吗？下面的例子:

private varIWantToAccess: boolean = false;

function getContextMenuItems(params) {
    var result = [
    { // custom item
        name: 'Alert ' + params.value,
        action: function () 
    {
        window.alert('Alerting about ' + params.value);
        this.varIWantToAccess = true; // Builds fine, but throws a run time exception, since this "this" context is different than the one that has "varIWantToAccess"
    }
    },
        ....
        return result;
}

谢谢!

Answer 1

您可以在网格上下文中添加对 this 的引用 -

this.gridOptions.context = {
                    thisComponent : this
                };

然后，可以按如下方式访问thisComponent -

private getContextMenuItems(params) { 
    console.log(params);
    var result = [
        { // custom item
            name: 'Sample',
            action: function () {params.context.thisComponent.callMe();  },
            icon: '<i class="fa fa-pencil" />'
        }];
    return result;
}

对于任何其他回调(例如 cellRenderer)也可以执行相同的操作。