首页 教程 API文档

菜单栏组件

2015-10-30 13:49:55

属性


父模块 widget
依赖组件 Menu
Demo地址 MenuBar

描述


MenuBar是一个菜单栏组件,用于管理多个菜单.

菜单栏组件图片

成员列表


方法名称 成员类型 描述
select public 选择菜单栏项
append public 追加菜单栏项
currentSelected public 当前选中的菜单栏项
clearStates public 清除菜单栏状态
updateLabels public 更新菜单栏项文本
formatLabel public 格式化菜单栏项文字
remove extend 移除菜单栏项或移除自身

参数选项


名称 类型 默认值 描述
defaultClass String StdUI_MenuBar 默认class名称
level Number 3 MenuBar的布局等级
height Number 24 菜单栏高度
minHeight Number 16 菜单栏最小高度
items Array null 菜单栏默认要添加的菜单项

相关例子



Std.ui("MenuBar",{
    renderTo:"body",
    items:[
        {
            text:"&File",
            items:[
                "aaa",
                {
                    text:"first menu item",
                    icon:"images/remove.png"
                },{
                    text:"second menu item",
                    icon:"images/edit.png"
                },{
                    text:"the third menu item",
                    icon:"images/play.png"
                },{
                    text:"last menu item",
                    iconClass:"abcIcon"
                }
            ]
        },{
            text:"&Edit",
            items:[
                "aaa",
                {
                    ui:"sep"
                },{
                    text:"first menu item",
                    icon:"images/remove.png"
                },{
                    text:"second menu item",
                    icon:"images/edit.png"
                },{
                    text:"the third menu item",
                    icon:"images/play.png",
                    items:[
                        {
                            text:"first menu item"
                        },{
                            text:"second menu item"
                        }
                    ]
                },{
                    text:"last menu item",
                    iconClass:"abcIcon",
                    enable:false,
                    items:[
                        {text:"aaaaa"},
                        {text:"aaaaaaaa"}
                    ]
                }
            ]
        },{
            text:"&Help",
            items:[
                "aaaaa","bbbbb","ccccc","ddddd"
            ]
        }
    ]
});