码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-02 12:10:26      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

 

技术分享

 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 两行的用法

标签:

原文地址:http://www.cnblogs.com/foreverfendou/p/4198262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!