首页 教程 API文档

任务栏组件

2015-11-17 13:49:17

属性


父模块 widget
依赖组件 TaskBarItem, Menu
Demo地址 TaskBar

描述


任务栏组件,用于管理多个任务,任务项有活动,非活动,选中,非选中 四种状态

任务栏组件图片

成员列表


方法名称 成员类型 描述
add public 添加任务项
taskMenu public 任务菜单
select public 选择任务项
append public 追加任务栏项
remove extend 移除任务项或自身

参数选项


名称 类型 默认值 描述
level Number 3 任务栏的布局等级
defaultClass String StdUI_TaskBar 默认css class名称
items Array null 任务项数据,对应append方法
height Number 35 任务栏的高度
spacing Number 8 任务栏任务项之间的间距
minItemHeight Number 26 任务项的最小高度
tabIndex Number null 任务栏的tab焦点优先级,默认为null,不接受焦点
multiRow Boolean true 当任务栏满时,是否进行进行换行排列
taskMenu Object null 任务栏任务的右键菜单

事件


名称 回调参数 描述
itemClick
名称 描述
e 鼠标事件对象
index 任务的索引号
item TaskBarItem实例对象
当任务项被点击时候,会触发该事件
itemActive
名称 描述
actived 任务项的活动状态,Boolean值,如果为true表示被激活,否则表示被取消激活
that 任务栏的this对象
当任务项被激活时,itemActive事件会被触发
itemSelect
名称 描述
selected 选中的任务项的状态,Boolean值,如果为true表示被选中,否则表示被取消选中
that 任务栏的this对象
当任务项被选中时,itemSelect事件会被触发
itemContextMenu
名称 描述
event 鼠标事件对象
that 任务栏的this对象
当鼠标在任务项中触发右键菜单时候,该事件会被触发

相关例子



var taskBar = Std.ui("TaskBar",{
    renderTo:"body"
});
var items = [];
for(var i=0;i<4;i++){
    items[i] = {
        icon:"images/view.png",
        text:"文件夹xxxxxxxx",
        on:{
            active:function(state){
                console.log(state);
            }
        }
    }
}
taskBar.append(items);