extjs 树面板上下文菜单不起作用

var menu1 = new Ext.menu.Menu({
    items: [{
        text: 'Open in new tab'

    }]
});
var treePanel = Ext.create('Ext.tree.Panel', {
    id: 'tree-panel',
    region: 'center',
    useArrows: true,
    singleExpand: true,
    split: false,
    height: 360,
    minSize: 150,
    rootVisible: false,
    autoScroll: true,
    store: store,
    border: false,
    columns: [{
        xtype: 'treecolumn',
        dataIndex: 'text',
        flex: 2,
        sortable: true,
        displayField: true
    }]

});
treePanel.on('contextmenu', function(event, node) {
    alert(node)
    //treePanelCurrentNode = node;
    x = event.browserEvent.clientX;
    y = event.browserEvent.clientY;
    menu1.showAt([x, y]);
}, this);

使用 4.1 ext js 并尝试将上下文菜单添加到此树面板，但菜单不起作用。树面板商店即将到来 但我的代码

treePanel.on('contextmenu', function(event,node){};

不管用 不是事件

treePanel.on('click', function(event,node){};

有与树面板上的 ext js 上下文菜单相关的想法吗？

树没有contextmenuExtJS4 中的事件。

你应该使用itemcontextmenu http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tree.Panel-event-itemcontextmenu代替contextmenu:

treePanel.on('itemcontextmenu', function(view, record, item, index, event) {
    alert(record)
    //treePanelCurrentNode = record;
    menu1.showAt(event.getXY());
    event.stopEvent();
}, this);