您的位置:首页 > Web前端 > JavaScript

ExtJS4 Toolbar添加与事件监听

2016-08-16 10:18 204 查看
效果图:



Ext.define('V5.cxb.view.MainView', {
extend : 'Ext.Panel',
columnLines : true,
xtype : 'mainview',
tbar : [{

width:100,
text : '首页'
}, {
xtype : 'splitbutton',
width:100,
text : '审计项目',
menu:{
items:[{
//xtype:'button',
text:'项目立项',
handler:function(){alert(213)}
},{
//xtype:'button',
text:'我的项目'
},{
//xtype:'button',
text:'项目查询'
},{
//xtype:'button',
text:'文档搜索'
},{
//xtype:'button',
text:'项目进展'
},{
//xtype:'button',
text:'流程项目'
}]
}
}, {
width:100,
xtype : 'splitbutton',
text : '公文管理'
}, {
width:100,
xtype : 'splitbutton',
text : '工作管理'
}, {
width:100,
xtype : 'splitbutton',
text : '任务管理'
}, {
width:100,
xtype : 'splitbutton',
text : '计划管理'
}, {
width:100,
xtype : 'splitbutton',
text : '审计文书'
}, {
width:100,
xtype : 'splitbutton',
text : '综合信息管理'
}]

})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  extjs4