首页 教程 API文档

托盘组件

2015-10-30 10:19:04

属性


父模块 widget
依赖组件 TrayItem
Demo地址 Tray

描述


Tray是一个托盘区组件,可以将一些任务以图标形式展示在托盘区上

托盘组件图片

成员列表


方法名称 成员类型 描述
showPopup public 显示托盘项弹出框
hidePopup public 隐藏托盘项弹出框
updateToolTip public 更新工具提示内容
showToolTip public 显示工具提示
hideToolTip public 隐藏工具提示
showIconView public 显示图标视图
hideIconView public 隐藏图标视图
hideContextMenu public 隐藏上下文菜单
iconSize public 托盘图标大小
add public 增加托盘项
append public 追加托盘项
remove extend 移除托盘项或自身

参数选项


名称 类型 默认值 描述
tabIndex Number null 工具提示接受的tab焦点优先级,默认为null,不接受焦点
level Number 3 默认的布局等级
height Number 35 托盘区的高度
spacing Number 4 托盘项之间的间距
iconSize Number 22 托盘图标大小
defaultClass String StdUI_Tray 默认css class名称

事件


名称 回调参数 描述
itemClick
名称 描述
e 鼠标事件对象
item 托盘项对象
当托盘项被点击时,itemClick事件会被触发

相关例子



Std.ui("Tray",{
    renderTo:"body",
    width:155,
    height:35,
    css:{
        marginTop:200
    },
    items:[
        {
            name:"edit",
            text:"edit ..........",
            icon:"images/edit.png",
            popup:"aaaaaaaaaaaaaaaaaaaaaaaaaaaa",
            contextMenu:{
                items:[
                    {text:"aaaaaaa"},
                    {text:"bbbbbbbbbb"},
                    {ui:"sep"},
                    {text:"ffffffffff"}
                ]
            }
        },{
            name:"file",
            text:"file........",
            icon:"images/file.png",
            popup:{
                html:"bbbbbbbbb"
            }
        },{
            name:"play",
            text:"play........",
            icon:"images/play.png",
            popup:{
                html:"ccccc"
            }
        },{
            icon:"images/view.png",
            name:"play",
            text:"play........"
        },{
            name:"sdfsdf",
            icon:"images/play.png",
            popup:{
                width:200,
                height:150,
                html:"sdfsdfsdfsdfsdf"
            }
        },{
            icon:"images/view.png"
        },{
            icon:"images/play.png",
            name:"play",
            text:"play........",
            popup:{
                html:"fsdfsdfsdfsd"
            }
        },{
            icon:"images/view.png"
        },{
            icon:"images/play.png"
        },{
            icon:"images/view.png",
            name:"aaaa",
            contextMenu:{
                items:[
                    {text:"aaaaaaa"},
                    {text:"bbbbbbbbbb"},
                    {ui:"sep"},
                    {text:"ffffffffff"}
                ]
            }
        }
    ]
});