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 中的数据

  

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

时间: 2024-10-19 16:50:24

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

Extjs 下拉框

刚刚熟练了easyui控件的使用,又開始了如今的这个项目. 这个项目是个半成品.前端使用的是Extjs控件,jsp中没有代码.就引用了非常多的js...于是乎有种不知所措了呀. . . 说实话特别的不想去看那些代码,第一是不熟悉,第二是太乱没条理,另一个原因界面连html不想看又不行,公司要做这个项目,你又不能跟公司领导说我不会,.所以还是硬着头皮看了一天. 大概了解后,就開始copy,past,将原模块中js原封不动的考到了jsp页面,于是乎就这样执行起来了,仅仅只是调用的不是我自己的方法.后

extjs下拉框,多选,单选,动态传值

后台java代码 @RequestMapping(params = "command=adduser") public void getUser(HttpServletResponse response) throws Exception{ JSONObject result1 = new JSONObject(); JSONArray rows1 = new JSONArray(); String search ="1=1"; List<Inducedcau

Extjs 下拉框没有数据

Extjs框架的下拉框动态加载数据时不显示数据. 1,返回结果的键值和下拉框定义的不一致 如下定义的下拉框值为value,显示为text 返回结果也必须是这种格式,不一致就会出错. 2,定义下拉框时多了个逗号 这种情况下在ie9浏览器下出错,在ie11,谷歌浏览器不出错. 所以,一定要注意最后一项的逗号使用..

Extjs 下拉框显示远程数据

1 var store = new HT.SyncStore({ 2 baseParams : { 3 itemName : '绩效考核_任务状态' 4 }, 5 url : __ctxPath 6 + '/system/loadItemRecordDictionary.do', 7 reader : new Ext.data.JsonReader({ 8 root : 'data', 9 fields : [ 'itemValue', 'dicId', 'descp' ] 10 }) 11 }

extjs下拉框添加复选框

var gyslxcm = Ext.create('Ext.form.field.ComboBox',{        id            : 'gyslxcm',        store         : gyslxstore,        multiSelect : true,        editable      : false,        xtype         : 'textfield',        allowBlank    : true,       

关于 一个下拉框选项的问题(后台得到的值在select 中显示对应的数据)

话不多说 直接截图: 这样你就得到相对应的数据了!

优化jeecg底层高级查询,支持bool值和下拉框查询

最近在用jeecg做项目,在使用高级查询的时候发现它不支持布尔值的查询以及列表的下拉框的查询,所以小编修改了底层代码,完善了高级查询,现在与大家一起分享.先上一张图给大家看一下修改前的高级查询. 它只支持了文本的查询以及日期格式的查询,很难满足在使用过程中的要求.所以小编把他的功能丰富了一下,下面把源码分享给大家. 首先先简单介绍一下jeecg高级查询的原理,一切的秘密都在DataGridTag这个标签类里面,在打开一个页面的时候,这个类会对页面的左右变迁进行初始化,以及对高级查询的页面进行构造

下拉框插件开发 (二)

今天有事出去了一趟,晚上加了下夜班,终于将它完成了,后续有bug,欢迎探讨. 附上:github地址  https://github.com/mapletao/downdrop 1,需求更新,完成自己想到的 对js里面的需求及每个方法要做的内容简述的描述了下并将其实现. 2.js编写 1.立即执行函数,构造一个Downdrop函数,并注册该函数,同时进行安全处理,前面的;是为了执行出错的问题 ;(function(){ var Downdrop=function(opt){ if(!(this

月薪10K必备--C#下拉框联动

               下拉框联动 很多网站上都用到下拉框联动,就是第一个下拉框没有选择任何项,第二个下拉框就没有选项.这样的做法更加谨慎,更加紧密. 下面我就教大家怎么做下拉框联动: 首先在窗体的Load事件中给第一个下拉框赋选项 然后第一个下拉框就有选项了 然后我们在第一个下拉框的SelectedIndexChanged()事件中(也就是双击下拉框)写第二个下拉框的代码 这样的话,只要第一个下拉框没选中一项,第二个下拉框就不会有选择项! 下拉框联动就是这样,希望对读者多多少少有点帮助!