首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ext中展示多行bbar/tbar

2012-12-09 
ext中显示多行bbar/tbarscript typetext/javascriptExt.onReady(function(){var oneTbar new Ext.T

ext中显示多行bbar/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>

热点排行