-----------------------------------------------------------------------------------------------the menu bar to introduce split line------- ----------------------------------------------------------------------------------------
Introduction to menu bar usage
The menu component is equivalent to the container of the menu item, which can accommodate not only the Ext.menu.Item item but also the normal component. By combining the menu component with the toolbar component, you can create a very useful menu bar.
1. Understanding Ext.menu.Menu
Main configuration items for Ext.menu.Menu components
Configuration Items |
Parameter type |
Description |
Items |
Mixed |
An array of valid menu items |
Ignoreparentclicks |
Boolean |
Ignore any Click events for menu items that are parent menus, default to False |
Plain |
Boolean |
Whether to remove the vertical bar to the left of the menu, false by default |
menu item main Type table:
Menu element name |
Description |
Ext.menu.Item |
menu item base class |
Ext.menu.Separator |
Menu Separator |
Ext.menu.CheckItem |
A menu item that contains a selection box, or a single-selection group |
Ext.menu.ColorPicker |
Color Picker |
Ext.menu.DatePicker |
Date Selector |
Ext.menu.Item Main Configuration Items
Configuration Items |
Parameter type |
Description |
Canactivate |
Boolean |
Whether the menu item is highlighted when the mouse is moved into the menu item or when it gets the focus, and is true by default |
Clickhidedelay |
Number |
After you click the menu item, the delay time for the hidden menu item is 1 milliseconds by default |
DestroyMenu |
Boolean |
Whether to cascade destroy sub-menus, default to True |
Hideonclick |
Boolean |
Whether to hide the menu after clicking the menu item, by default True |
Href |
String |
hyperlinks, default to # |
Hreftarger |
String |
Opens the target frame name for the hyperlink, which defaults to undefined |
Menuexpanddelay |
Number |
Before the submenu expands, the delay time after the mouse moves to the menu item defaults to 200 milliseconds, which takes effect only when the menu item has a submenu |
Menuhidedelay |
Number |
Before the submenu is hidden, the delay time after the mouse moves out of the menu item is 200 milliseconds by default, and the default is 200 milliseconds, which takes effect only when the menu item has a submenu |
Menualign |
String |
Sets the alignment relationship of the submenu to the parent menu, which defaults to ' Tl-tr ', which is the upper-left corner of the submenu to the upper-right corner of the parent menu, and adjusts automatically when the submenu's position is restricted by the container |
Menu |
Mixed |
submenu, which can be a Ext.menu.Menu example, or a Ext.menu.Menu valid configuration object |
[ExtJs5.1.0 Series-5th day] toolbars and menu bars (2)-Introduction to the menu bar