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);
                }
            },
  • 相关阅读:
    懵懵懂懂的样子
    scrollTop总是为0
    论搜索引擎的重要性
    利用swiper仿iphone时间设置滚轮控件
    厉害了,new Date().getTime()
    invalid Date!iphone上支持的时间格式
    我不知道的MIME
    设置canvas元素的宽高的奇妙(jiujie)发现
    用SVN在github下下载一个文件夹到本地
    c++ md5算法实现(转)
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4198262.html
Copyright © 2011-2022 走看看