ext中显示多行bbar/tbar

本文档通过一个具体的例子展示了如何使用ExtJS框架创建日期选择器,并且为开始时间和结束时间提供了相应的清空按钮。这有助于用户快速理解和实现日期选择功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. <script type="text/javascript">  
  2. Ext.onReady(function(){  
  3.     var oneTbar = new Ext.Toolbar({  
  4.         items: ['开始时间',{     
  5.             xtype:'datefield',  
  6.             id : 'startDate',  
  7.             editable:false,  
  8.             height:20,  
  9.             format:'Y-m-d'  
  10.         },{  
  11.             text:'清空',  
  12.             handler:function(){  
  13.                         Ext.getCmp("startDate").setValue("");  
  14.                     }  
  15.         }]  
  16.     });  
  17.     var twoTbar = new Ext.Toolbar({  
  18.         items: ['结束时间',{  
  19.             xtype:'datefield',  
  20.             id : 'endDate',  
  21.             editable:false,  
  22.             height:20,  
  23.             format:'Y-m-d'  
  24.         },{  
  25.             text:'清空',  
  26.             handler:function(){  
  27.                         Ext.getCmp("endDate").setValue("");  
  28.                     }  
  29.         }]  
  30.     });  
  31.     var w = new Ext.Window({  
  32.         title:"消息",  
  33.         width:520,  
  34.         height:500,  
  35.         layout: "anchor",  
  36.         buttonAlign:"center",  
  37.         tbar:{  
  38.             xtype: 'container',  
  39.             items: [oneTbar,twoTbar]  
  40.         },  
  41.         bbar: {  
  42.             xtype: 'container',  
  43.             items: [oneTbar,twoTbar]  
  44.         }  
  45.     });  
  46.     w.show();  
  47. });  
  48. </script>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值