extjs4 - extjs パネルのコンテキスト メニューを作成する方法

Question

私は次のようなコンテキストメニューを持っています

var ctxMenu = Ext.create('Ext.menu.Menu', {
    items: [{ text: 'Edit', action: 'edit'}]
});

これをextjsパネルに追加するにはどうすればよいですか? ツリーパネルのように、パネルに適切なイベントが表示itemcontextmenuされませんか?

よろしくお願いします。

Answer 1

にはitemcontextmenuとcontainercontextmenuイベントがありますExt.tree.Panel。

更新: Ext.grid.Panel にも同じイベントが存在します。おそらく両方を購読して、次のようなことをしたいと思うでしょう:

showContextMenu: function(e) {
    var me = this;

    if (me.contextMenu === undefined)
        return;

    e.stopEvent();
    me.contextMenu.showAt(e.getXY());
},

// Show context menu from the grid
gridContextMenu: function(view, rec, node, index, e) {
    this.showContextMenu(e);
},

// Show context menu from the empty area below grid records
containerContextMenu: function(view, e) {
    this.showContextMenu(e);
},