我用ext designer制作导航菜单
结果如图:
我已经把鼠标移到“舆情报告”,为什么“信息采集”的子菜单不会自动隐藏?
详细代码如下:
 {
                                                    xtype: 'toolbar',
                                                    height: 38,
                                                    dock: 'top',
                                                    items: [
                                                        {
                                                            xtype: 'menu',
                                                            floating: false,
                                                            showSeparator: false,
                                                            items: [
                                                                {
                                                                    xtype: 'menuitem',
                                                                    text: '首页'
                                                                }
                                                            ]
                                                        },
                                                        {
                                                            xtype: 'menu',
                                                            floating: false,
                                                            width: 120,
                                                            items: [
                                                                {
                                                                    xtype: 'menuitem',
                                                                    text: '信息采集',
                                                                    menu: {
                                                                        xtype: 'menu',
                                                                        width: 120,
                                                                        items: [
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '全网采集'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '定向采集'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '论坛采集'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '博客采集'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '微博采集'
                                                                            }
                                                                        ]
                                                                    }
                                                                }
                                                            ]
                                                        },
                                                        {
                                                            xtype: 'menu',
                                                            floating: false,
                                                            width: 120,
                                                            items: [
                                                                {
                                                                    xtype: 'menuitem',
                                                                    text: '舆情分析',
                                                                    menu: {
                                                                        xtype: 'menu',
                                                                        width: 120,
                                                                        items: [
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '热点舆情'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '敏感舆情'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '舆情预警'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '负面舆情'
                                                                            }
                                                                        ]
                                                                    }
                                                                }
                                                            ]
                                                        },
                                                        {
                                                            xtype: 'menu',
                                                            floating: false,
                                                            width: 120,
                                                            bodyCls: '',
                                                            items: [
                                                                {
                                                                    xtype: 'menuitem',
                                                                    clickHideDelay: 100,
                                                                    text: '舆情报告',
                                                                    menu: {
                                                                        xtype: 'menu',
                                                                        width: 120,
                                                                        items: [
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '舆情简报'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '舆情专报'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '舆情取证'
                                                                            },
                                                                            {
                                                                                xtype: 'menuitem',
                                                                                text: '舆情统计'
                                                                            }
                                                                        ]
                                                                    }
                                                                }
                                                            ]
                                                        }
 ]
                                                }
                                            ]
                                        },

解决方案 »

  1.   

    上面是我弄错了,我改了下,在toolbar中先放button再放menu,效果如图:可是得点击“信息采集”按钮才会出现子菜单,有没有把鼠标放在“信息采集”上面就出现子菜单的方法?
      

  2.   

    查了一下API, menu有 mouseover事件mouseover( Ext.menu.Menu this, Ext.EventObject e, Ext.menu.Item menuItem )
    Fires when the mouse is hovering over this menuParameters
    this : Ext.menu.Menu
    e : Ext.EventObject
    menuItem : Ext.menu.Item
    The menu item that was clicked也有一个show方法
    show( Mixed element, [String position], [Ext.menu.Menu parentMenu] )
    If floating=true, shows this menu relative to another element using showat, otherwise uses Ext.Component.show.Parameters
    element : Mixed
    The element to align to
    position : String (optional)
    The Ext.Element.alignTo anchor position to use in aligning to the element (defaults to this.defaultAlign)
    parentMenu : Ext.menu.Menu (optional)
    This menu's parent menu, if applicable (defaults to undefined)