extjs contextmenuコントローラメソッドへのパラメータとして親グリッドを渡す

Question

私のextjsグリッド内で、右クリックするとコンテキストメニューが呼び出されます。アイテムの1つをクリックすると、コントローラでメソッドを起動します。これはすべて正常に動作します。問題は、これが呼び出されている親グリッドをコントローラメソッドに渡したいのです。誰かが私にこれを行う方法を教えてもらえますか？

は、これは私のコンテキストメニュー

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