extjs 上下文菜单单击，将父网格作为参数传递给控制器​​方法

Question

在我的 extjs 网格中，当我右键单击时，我会调用一个上下文菜单。当我单击其中一个项目时，我想在控制器中启动一个方法。这一切都成功了，问题是我想将调用它的父网格传递给控制器​​方法。有人可以告诉我怎么做吗？

这是我的上下文菜单

Ext.define('Example.ContextMenuTradematch', {
xtype: 'contextMenuTradematch',
extend: 'Ext.menu.Menu',
items: [
    {
        text: 'Match Trade',
        iconCls: 'greenIcon',
        listeners: {
            click: {                    
                fn: 'onMatchTrade',
                params: {
                    param1: this
                }
            }
        }
    },
    {
        text: 'Delete Trade',
        iconCls: 'deleteIcon',
        listeners: {
            click: 'onDeleteTrade'
        }
    }
]

});

那么这是我的控制器方法

    onMatchTrade: function (event, target, options) {
    debugger;
    var me = this;

我如何访问发起事件的网格？

——这就是我将上下文菜单添加到网格的方式

                    title: 'Tradematch Results: UNMATCHED',
                xtype: 'grid',
                itemId: 'gridUnmatchedId',
                ui: 'featuredpanel-framed',
                cls: 'custom-grid',
                margin: '0px 10px 0px 10px',
                flex: 2,
                width: '100%',
                bind: {
                    store: '{myTM_ResultsStore}'
                },
                listeners: {
                    itemcontextmenu: 'showContextMenuTradematch'
                },

这就是控制器添加它的方式...

    getContextMenu: function (cMenu) {
    if (!this.contextMenu) {
        debugger;
        this.contextMenu = this.getView().add({ xtype: cMenu });
    }
    return this.contextMenu;
},

showContextMenuTradematch: function (view, rec, node, index, e) {
    e.stopEvent();
    e.stopEvent();
    debugger;
    this.getContextMenu('contextMenuTradematch1').show().setPagePosition(e.getXY());
    return false;
},

Answer 1

执行此操作的最简单方法是创建 Example.ContextMenuTradematch 实例 - 我假设你是从 itemcontextmenu 侦听器创建的 - 然后你可以传递对网格的引用。

itemcontextmenu: function (grid, record, item) {
     // code to create your menu
     // probably something like: 
     if (!grid.contextMenu) {
          grid.contextMenu = Ext.create('Example.ContextMenuTradematch', {
              ownerGrid: grid
          });
     }

     grid.contextMenu.showBy(item);
}

如果onMatchTrade 是通过单击Ext.menu.Item 实例触发的，那么它的签名将是：

onMatchTrade: function (item, e) {
    var menu = item.up('menu'),
        grid = menu.ownerGrid;

     console.log(grid);
}

这里有很多猜测。如果这不是您创建菜单或调用方法的方式，那么添加一个解决问题的方法会有所帮助。

这是一个用作模板的小提琴：https://fiddle.sencha.com/#view/editor&fiddle/24fc