zoukankan      html  css  js  c++  java
  • 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);
                }
            },
  • 相关阅读:
    解决uc浏览器不支持vw单位的方法
    调整网页适应移动端设备
    鼠标滚轮事件
    Sublime Text 3 快捷键总结(拿走)
    HTML+CSS图文排版
    焦点轮播图(一)
    前端各种库的在线引入地址
    HTML表格的基本操作
    23 服务的绑定启动Demo3
    23 服务的启动Demo2
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4198262.html
Copyright © 2011-2022 走看看