我用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: '舆情统计'
}
]
}
}
]
}
]
}
]
},
结果如图:
我已经把鼠标移到“舆情报告”,为什么“信息采集”的子菜单不会自动隐藏?
详细代码如下:
{
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: '舆情统计'
}
]
}
}
]
}
]
}
]
},
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)