[ExtJs5.1.0 Series-5th day] toolbars and menu bars (2)-Introduction to the menu bar

Source: Internet
Author: User

-----------------------------------------------------------------------------------------------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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.