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); } },
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。