textfield的fieldLabel动态变化

本文介绍了一个使用ExtJS框架创建的时间选择器组件示例。该组件允许用户选择从上午8点到下午6点之间的时间,并演示了如何监听选择事件及进行DOM操作来显示所选时间。
  1. Ext.onReady( function (){
  2. new Ext.form.FormPanel({
  3. renderTo:Ext.getBody(),
  4. items:[ new Ext.form.TimeField({
  5. id: 'time' ,
  6. fieldLabel: 'Time' ,
  7. name: 'time' ,
  8. minValue: '8:00am' ,
  9. maxValue: '6:00pm' ,
  10. listeners:{
  11. 'select' : function (combo,record,index){
  12. var msg= "" ;
  13. var a=combo.el.parent().parent().parent().first();
  14. for ( var dd in a){
  15. msg+=dd+ "" ;
  16. }
  17. a.dom.innerHTML=combo.getValue()+ ":" ;
  18. }
  19. }
  20. })]
  21. });
  22. })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值