How to get the parent of a menu?

Question

I'm trying to get the component in which a menu is linked. Take a look:

    Ext.create('Ext.Button', {
    id: 'MyButton',
    text: 'Click me',
    renderTo: Ext.getBody(),
    menuAlign: 'tl-bl',
    menu: {
        itemId: 'MyMenu',        
        forceLayout: true,
        items:
        [
            {
                text  : 'Option 1',
                itemId: 'MyItemMenu1'
            }, {
                text  : 'Option 2',
                itemId: 'MyItemMenu2'
            }, {
                text   : 'Get the parent!',
                itemId : 'MyItemMenu3',
                handler: function(){
                    
                    // Get the item menu.
                    var MyItemMenu3 = this; 
                    alert(MyItemMenu3.getItemId()); 
                    
                    // Get the menu.
                    var MyMenu = MyItemMenu3.ownerCt; 
                    alert(MyMenu.getItemId());
                    
                    // Try to get the button.
                    var MyButton = MyMenu.ownerCt; 
                    alert(MyButton);                    
                    
                    // Returns:                    
                    // 'MyItemMenu3'
                    // 'MyMenu'
                    // undefined                 
                }
            }
        ]
    }
});

Online example: http://jsfiddle.net/RobertoSchuster/mGLVF/

Any idea?

I'm learning EXT myself so I'm not too sure what's going on but I think I was able to get it this way: console.log(MyMenu.floatParent.id); — RoboKozo, Aug 02 '11 at 00:07

score 6 · Accepted Answer · answered Aug 03 '11 at 15:14

6

I'm learning EXT myself so I'm not too sure what's going on but I think I was able to get it this way: console.log(MyMenu.floatParent.id);

answered Aug 03 '11 at 15:14

RoboKozo

4,981
5
51
79

yea would think i simple up() call would do the trick. but no :) thanks for your answer... worked a charm – Stevanicus Mar 22 '12 at 13:24

score 3 · Answer 2 · answered Apr 19 '12 at 19:39

In our ExtJS 4 project, we eventually just patched the up() function on AbstractComponent

Ext.AbstractComponent.override({
    up: function(selector) {
        var result = this.ownerCt||this.floatParent;
        if (selector) {
            for (; result; result = result.ownerCt||result.floatParent) {
                if (Ext.ComponentQuery.is(result, selector)) {
                    return result;
                }
            }
        }
        return result;
    }
});

This makes up() walk up the ownerCt chain, but if ownerCt isn't defined, it looks to floatParent.

Now you can call cmp.up('some-selector'); even if its a menu or menu item.

score 1 · Answer 3 · answered Aug 03 '11 at 02:20

1

Try this:

Ext.getCmp('My-Button').menu.refOwner

answered Aug 03 '11 at 02:20

oxyacanthous

88
2
8

score 1 · Answer 4 · answered Aug 03 '11 at 05:07

1

var MyButton = MyItemMenu3.up('button');

or for ExtJS3:

var MyButton = MyItemMenu3.findParentByType('button');

answered Aug 03 '11 at 05:07

Molecular Man

22,277
3
72
89

I tried both,but always return undefined. It works with MyMenu.floatParent. (: Thanks. – Roberto Schuster Aug 03 '11 at 11:54

score 0 · Answer 5 · answered Feb 18 '14 at 15:59

0

In the latest version of ExtJS at least (4.2), every Ext.menu.Item has a parentMenu property that can access the parent menu. You might subclass this for custom menu items.

answered Feb 18 '14 at 15:59

Asad Saeeduddin

46,193
6
90
139

How to get the parent of a menu?

5 Answers5