EXTJS 3.0 资料 控件之 Toolbar 两行的用法

时间:2023-03-09 13:14:52
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();
}
},
{
text: '汽车产地或子品牌',
icon: '/Image/icon_padlock.png',
id: 'btnTrademarkCarLocation',
handler: function () {
card.getLayout().setActiveItem();
}
},
{
text: '汽车车系',
icon: '/Image/icon_padlock.png',
id: 'btnSeriesCar',
handler: function () {
card.getLayout().setActiveItem();
}
}, {
text: '汽车型号',
icon: '/Image/icon_padlock.png',
id: 'btnModelNumberCar',
handler: function () {
card.getLayout().setActiveItem();
}
}, "->", '车系:', { xtype: "textfield", id: "txtModelNumber", name: "txtModelNumber" } , {
text: '汽车产品单元PKU',
icon: '/Image/icon_padlock.png',
id: 'btnPKU',
handler: function () {
card.getLayout().setActiveItem();
}
}
);
var toolbarWork = new Ext.Toolbar({
items: [{ text: '执行操作:', width: },
{
text: '宝马', icon: '/Image/icon_padlock.png', id: 'btn_tw_TrademarkCar', width: ,
handler: function () {
card.getLayout().setActiveItem();
}
},
{
text: '产地', icon: '/Image/icon_padlock.png', id: 'btn_tw_TrademarkCarLocation', width: ,
handler: function () {
card.getLayout().setActiveItem();
}
},
{
text: '车系', icon: '/Image/icon_padlock.png', id: 'btn_tw_SeriesCar', width: ,
handler: function () {
card.getLayout().setActiveItem();
}
},
{
text: '型号', icon: '/Image/icon_padlock.png', id: 'btn_tw_ModelNumberCar', width: ,
handler: function () {
card.getLayout().setActiveItem();
}
}
]
});

在panel中插入的代码:

   tbar: toolbarCarType,
listeners: {
'render': function () { //将tbar1添加到main.tbar的下面
toolbarWork.render(card.tbar);
}
},