Extjs 4, How to autoHide drop down box?
@.@

I create a drop down box for menu. but it is not hide after click the button.

so I need to click the other area to hide drop down menu box. it is ridiculous!

anybody know how to auto hide my drop down box after click button?

here is my code :p

    {
        xtype: 'toolbar',
        itemId : 'mainMenu',
        items: [
    	{
    	    text : 'Main Menu 1',
    	    menu : {
    		xtype: 'menu',
    		items : [
    		    {
    			xtype: 'button',
    			text: 'Contacts',
    			itemId : 'extjs'
    		    },{
    			xtype: 'button',
    			text: 'Orders',
    			itemId: 'extjs2'
    		    }
    		]
    	    }
    	},{
    	    text : 'Main Menu 2',
    	    xtype : 'button',
    	    itemId : 'extjs3'
    	}
        ]
    }
    
Thank you.
Extjs 4, How to autoHide drop down box?
===

@.@

I create a drop down box for menu. but it is not hide after click the button.

so I need to click the other area to hide drop down menu box. it is ridiculous!

anybody know how to auto hide my drop down box after click button?

here is my code :p

    {
        xtype: 'toolbar',
        itemId : 'mainMenu',
        items: [
    	{
    	    text : 'Main Menu 1',
    	    menu : {
    		xtype: 'menu',
    		items : [
    		    {
    			xtype: 'button',
    			text: 'Contacts',
    			itemId : 'extjs'
    		    },{
    			xtype: 'button',
    			text: 'Orders',
    			itemId: 'extjs2'
    		    }
    		]
    	    }
    	},{
    	    text : 'Main Menu 2',
    	    xtype : 'button',
    	    itemId : 'extjs3'
    	}
        ]
    }
    
Thank you.