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


     var toolbarCarType = new Ext.Toolbar({
            // 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: '执行操作:',  20 },
                    {
                        text: '宝马', icon: '/Image/icon_padlock.png', id: 'btn_tw_TrademarkCar',  20,
                        handler: function () {
                            card.getLayout().setActiveItem(0);
                        }
                    },
                    {
                        text: '产地', icon: '/Image/icon_padlock.png', id: 'btn_tw_TrademarkCarLocation',  20,
                        handler: function () {
                            card.getLayout().setActiveItem(1);
                        }
                    },
                    {
                        text: '车系', icon: '/Image/icon_padlock.png', id: 'btn_tw_SeriesCar',  20,
                        handler: function () {
                            card.getLayout().setActiveItem(2);
                        }
                    },
                    {
                        text: '型号', icon: '/Image/icon_padlock.png', id: 'btn_tw_ModelNumberCar',  20,
                        handler: function () {
                            card.getLayout().setActiveItem(3);
                        }
                    }
            ]
        });

    在panel中插入的代码:

       tbar: toolbarCarType,
            listeners: {
                'render': function () { //将tbar1添加到main.tbar的下面 
                    toolbarWork.render(card.tbar);
                }
            },
  • 相关阅读:
    Understanding Optional and Compulsory Parameters
    WebMail
    bool?
    第六章笔记 上
    菜鸟错题集
    vue的基本用法
    luogg_java学习_06_面向对象特性之封装和继承
    luogg_java学习_05_面向对象(方法和类)
    CSS3学习总结
    luogg_java学习_04_数组
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4198262.html
Copyright © 2020-2023  润新知