欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-15 19:10:53
1、下拉框 下拉框选择时,触发事件的方法: 在 Ext.form.ComboBox 组件中新增 listeners 监听事件 基本写法为: listeners{'事件',function(){处理方法}} listeners:{ select:{ fn:function(combo,record,i ......

1、下拉框

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

  在 ext.form.combobox 组件中新增 listeners 监听事件

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

 

  listeners:{

    select:{

      fn:function(combo,record,index) {

      }

    }

  }

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

 

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);

  }

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

3、items 动态增删

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

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

 

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

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