ExtJs combobox支持模糊匹配


EXTjs的下拉框添加一个模糊过滤呢:

了解Ext的朋友们可能知道,从Ext2.0开始Ext.form.ComboBox有个typeAhead的属性可以使combobox在用户输入的同时根据已绑定的数据中弹出一些提示,但是这些提示并不具备模糊过滤的功能,比如绑定的数据中有个叫“你好”,当输入“你”的时候可以出现提示,但是输入“好”的时候是不会弹出提示的。 

那么,我们应该怎么让它支持模糊过滤呢?

其实很简单,我们只需要在创建下拉框时,给下拉框添加一个监听事件,代码如下:

//以下监听事件用于对下拉项进行模糊匹配
,listeners:{
                    beforequery : function(e){
                    var combo = e.combo;
                if(!e.forceAll){
                var value = e.query;
                combo.store.filterBy(function(record,id){
                var text = record.get(combo.displayField);
                return (text.indexOf(value)!=-1);
                });
                combo.expand();
                return false;
                }
                      }
                    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值