码迷,mamicode.com
首页 > Web开发 > 详细

[ExtJs5.1.0系列-第5天]工具栏和菜单栏(2)-菜单栏介绍

时间:2015-09-22 08:56:20      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

----------------------------------------------------------------------------------------------- 菜 单 栏 介 绍 分 割 线 -----------------------------------------------------------------------------------------------

菜单栏使用介绍

    菜单组件相当于菜单项的容器,在菜单组件中不但可以容纳Ext.menu.Item菜单项也可以容纳普通组件。将菜单组件与工具栏组件结合起来,就可以创造出非常使用的菜单栏.

 1.认识Ext.menu.Menu

Ext.menu.Menu组件的主要配置项

配置项参数类型说明
itemsMixed一个有效菜单项的数组
ignoreParentClicksBoolean忽略任何作为父菜单的菜单项的单击事件,默认为false
plainBoolean是否移除菜单左侧的竖线,默认为false

    菜单项主要类型表:

菜单元素名称说明
Ext.menu.Item菜单项基类
Ext.menu.Separator菜单分隔符
Ext.menu.CheckItem包含选择框的菜单项,也可以是一个单选组
Ext.menu.ColorPicker颜色选择器
Ext.menu.DatePicker日期选择器

    Ext.menu.Item主要配置项

配置项参数类型说明
canActivateBoolean当鼠标移入菜单项或菜单项获得焦点时,是否高亮显示菜单项,默认为true
clickHideDelayNumber单击菜单项之后,隐藏菜单项的延时时间,默认为1毫秒
destroyMenuBoolean是否级联销毁子菜单,默认为true
hideOnClickBoolean单击菜单项之后是否隐藏菜单,默认为true
hrefString超链接,默认为#
hrefTargerString打开超链接的目标框架名称,默认为undefined
menuExpandDelayNumber子菜单展开之前,鼠标移入菜单项之后的延时时间,默认为200毫秒,只有在菜单项具有子菜单的时候生效
menuHideDelayNumber子菜单隐藏之前,鼠标移出菜单项之后的延时时间,默认为200毫秒,默认为200毫秒,只有在菜单项具有子菜单的时候生效
menuAlignString设置子菜单与父菜单的对齐关系,默认为‘tl-tr‘,即子菜单的左上角与父菜单的右上角对其,当子菜单的位置受到容器限制时自动进行调整
menuMixed子菜单,它可以是一个Ext.menu.Menu示例,或者一个Ext.menu.Menu有效的配置对象



[ExtJs5.1.0系列-第5天]工具栏和菜单栏(2)-菜单栏介绍

标签:

原文地址:http://my.oschina.net/LvSantorini/blog/509407

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!