码迷,mamicode.com
首页 > Web开发 > 详细

ExtJS 下拉框监听事件、日期选择器监听事件、实现动态给items添加删除数据

时间:2019-12-06 11:59:44      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:com   日期   查询方式   image   焦点   sele   listen   数据   ems   

1、下拉框

  下拉框选择时,触发事件的方法:

  在 Ext.form.ComboBox 组件中新增 listeners 监听事件

  基本写法为:  listeners事件‘,function(){处理方法}

 

  listeners:{

    select:{

      fn:function(combo,record,index) {

      }

    }

  }

   技术图片

 

2、日期选择器

  选择日期时,值发生变化,并且在失去焦点之前触发此事件,也就是说如果此日期组件的值发生变化,而焦点并没有失去,这个事件也就不会触发。解决方法:

  menuListeners : {

    select: function(m, d){

      this.setValue(d);

      alert((d - stringToDate(Ext.getCmp(‘endDate‘).value)) / (1000 * 60 * 60 * 24));

    },

    show : function(){ // retain focus styling 

    this.onFocus();

  },

  hide : function(){

    this.focus.defer(10, this);

    var ml = this.menuListeners;

    this.menu.un("select", ml.select,  this);

    this.menu.un("show", ml.show,  this);

    this.menu.un("hide", ml.hide,  this);

  }

   技术图片

3、Items 动态增删

   技术图片

   技术图片

 

  当根据不同的查询方式,需要不同的条件查询方式时,需要在选择查询方式下拉框时,触发监听事件,动态更新 items 中的数据

   技术图片

 

ExtJS 下拉框监听事件、日期选择器监听事件、实现动态给items添加删除数据

标签:com   日期   查询方式   image   焦点   sele   listen   数据   ems   

原文地址:https://www.cnblogs.com/damong/p/11994087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!