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

本文将为您描述ExtJS 下拉框监听事件、日期选择器监听事件、实现动态给items添加删除数据,具体实现方法:

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添加删除数据就为您介绍到这里，感谢您关注懒咪学编程c.lanmit.com.

本文地址：https://c.lanmit.com/Webqianduan/htmlyucss/28319.html