Ext panel中增加多个tbar

为Ext panel中增加多个tbar展示两种方式:
方法一:
通过render

var subPanel = new Ext.Panel({
   title:'测试',
   tbar:[{text:'一个按钮'},{}],
   bbar:[{xtype:'tbsplit',text'测试'},{}],
   listeners:{
               'render' : function() {
                var bbar1 = new Ext.Toolbar([{
                text : "脚本管理",
                //iconCls : 'icon-set',
                handler : function() {
                }
               }]);
       bbar1.render(subPanel.tbar);
       }
    }
 });

方法二:
利用数组型:

<script type="text/javascript">  
Ext.onReady(function(){  
    var oneTbar = new Ext.Toolbar({  
        items: ['开始时间',{     
            xtype:'datefield',  
            id : 'startDate',  
            editable:false,  
            height:20,  
            format:'Y-m-d'  
        },{  
            text:'清空',  
            handler:function(){  
                        Ext.getCmp("startDate").setValue("");  
                    }  
        }]  
    });  
    var twoTbar = new Ext.Toolbar({  
        items: ['结束时间',{  
            xtype:'datefield',  
            id : 'endDate',  
            editable:false,  
            height:20,  
            format:'Y-m-d'  
        },{  
            text:'清空',  
            handler:function(){  
                        Ext.getCmp("endDate").setValue("");  
                    }  
        }]  
    });  
    var w = new Ext.Window({  
        title:"消息",  
        width:520,  
        height:500,  
        layout: "anchor",  
        buttonAlign:"center",  
        tbar:{  
            xtype: 'container',  
            items: [oneTbar,twoTbar]  
        },  
        bbar: {  
            xtype: 'container',  
            items: [oneTbar,twoTbar]  
        }  
    });  
    w.show();  
});  
</script>  

通过以上方式可以在自己设计panel中增加多个tbar或者bbar工具条。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值