Results 1 to 2 of 2

Thread: Button Menu menutriggerout/over

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Jan 2009
    Location
    Manchester, UK
    Posts
    21

    Default Button Menu menutriggerout/over

    Hi, I'm attempting to display a menu when a user mouse overs a button, and when they mouseout the menu closes. However the moment you leave the button the menu closes which makes it impossible to get to the actual menu. I've tried the mouseover and mouseout events but they seem to have the same behaviour. Any help would be greatly appreciated. Example code:

    PHP Code:
    var win = new Ext.Window({
        
    xtype'window',
        
    title'My Window',
        
    width400,
        
    height250,
        
    tbar: {
            
    xtype'toolbar',
            
    items: [
                {
                    
    xtype'button',
                    
    text'Menu',
                    
    menu: {
                        
    xtype'menu',
                        
    items: [
                            {
                                
    xtype'menuitem',
                                
    text'Item 1'
                            
    },
                            {
                                
    xtype'menuitem',
                                
    text'Item 2'
                            
    },
                            {
                                
    xtype'menuitem',
                                
    text'Item 3'
                            
    }
                        ]
                    },
                    
    listeners : {
                            
    'menutriggerover' : function(btn) {
                                    
    btn.showMenu();
                            },
                            
    'menutriggerout' : function(btn) {
                                    
    btn.hideMenu(); 
                            }
                    }
                }
            ]
        }
    }).
    show(); 

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246

    Default

    Maybe this example can help.

Similar Threads

  1. [FIXED][3.0rc2] Tooltip on menu button shows above menu
    By raphael.franchet in forum Ext 3.x: Bugs
    Replies: 4
    Last Post: 26 Jun 2009, 7:24 AM
  2. Issue adding button to Ext.menu.Menu()
    By arthurakay in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 5 May 2009, 11:34 AM
  3. Button menu-active style no longer added/removed on menu show/hide
    By wdrwilson in forum Ext GWT: Help & Discussion (1.x)
    Replies: 1
    Last Post: 24 Nov 2008, 6:11 AM
  4. Button with Menu (menu auto show/hide)
    By fafhrd in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 23 Mar 2007, 12:19 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •