Le menu contextuel de l'arborescence extjs ne fonctionne pas

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);

De travail sur 4.1 ext js et en essayant d'ajouter un menu contextuel pour cette arborescence, mais le menu ne fonctionne pas. Dans l'arborescence du panneau de store est à venir
mais mon code

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

ne fonctionne pas
pas d'événement

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

Toute idée liée à l'ext js menu contextuel de l'arborescence ?

source d'informationauteur Arpit Vaishnav

  1. 20

    Arbre n'a pas contextmenu événement dans ExtJS4.

    Vous devez utiliser itemcontextmenu au lieu de contextmenu:

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

    Lors de l'affichage des données est rendue la désactivation par défaut de droite, cliquez sur navigateur web menu, cela s'appelle des auditeurs, “render” et “itemcontexmenu” de l'événement est destiné à détecter droit de la souris cliquez événement, de capturer le curseur de la souris la position et l'affichage du menu.

      listeners: {


        render: function() {
             Ext.getBody().on("contextmenu", Ext.emptyFn, null, {preventDefault: true});
        },
        itemcontextmenu : function( grid, record, item, index, event){
            x = event.browserEvent.clientX;
            y = event.browserEvent.clientY;

            menu1.showAt([x, y]);


        }
}