首页 > 代码库 > EXTJS 3.0 资料 控件之 Toolbar 两行的用法
EXTJS 3.0 资料 控件之 Toolbar 两行的用法
var toolbarCarType = new Ext.Toolbar({ //width: 500, //autoWidth:true, pressed: false, toggleGroup: ‘butToolbar‘, allowDepress: false }); toolbarCarType.add( { text: ‘汽车商标‘, icon: ‘/Image/icon_padlock.png‘, id: "btnTrademarkCar", handler: function () { card.getLayout().setActiveItem(0); } }, { text: ‘汽车产地或子品牌‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btnTrademarkCarLocation‘, handler: function () { card.getLayout().setActiveItem(1); } }, { text: ‘汽车车系‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btnSeriesCar‘, handler: function () { card.getLayout().setActiveItem(2); } }, { text: ‘汽车型号‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btnModelNumberCar‘, handler: function () { card.getLayout().setActiveItem(3); } }, "->", ‘车系：‘, { xtype: "textfield", id: "txtModelNumber", name: "txtModelNumber" } , { text: ‘汽车产品单元PKU‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btnPKU‘, handler: function () { card.getLayout().setActiveItem(4); } } ); var toolbarWork = new Ext.Toolbar({ items: [{ text: ‘执行操作：‘, width: 20 }, { text: ‘宝马‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_TrademarkCar‘, width: 20, handler: function () { card.getLayout().setActiveItem(0); } }, { text: ‘产地‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_TrademarkCarLocation‘, width: 20, handler: function () { card.getLayout().setActiveItem(1); } }, { text: ‘车系‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_SeriesCar‘, width: 20, handler: function () { card.getLayout().setActiveItem(2); } }, { text: ‘型号‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_ModelNumberCar‘, width: 20, handler: function () { card.getLayout().setActiveItem(3); } } ] });
在panel中插入的代码：
tbar: toolbarCarType, listeners: { ‘render‘: function () { //将tbar1添加到main.tbar的下面 toolbarWork.render(card.tbar); } },
EXTJS 3.0 资料 控件之 Toolbar 两行的用法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。