了解Ext的朋友们可能知道,在Ext2.0中的Ext.form.ComboBox有个typeAhead的属性可以使combobox在用户输入的同时根据已绑定的数据中弹出一些提示,但是这些提示并不具备模糊过滤的功能,比如绑定的数据中有个叫newtypebao,当输入n的时候可以出现提示,但是输入b或者bao的时候是不会弹出提示的。
可以通过以下修改使其具有模糊过滤的功能:
combo = new Ext.form.ComboBox({
id:'somecombo',
store: combostore,
displayField:'state',
typeAhead:true,
width: 180,
mode: 'local',
//enableKeyEvents: true,
forceSelection: true
triggerAction: 'all',
emptyText:'Select a
state...',
selectOnFocus:true,
renderTo: document.body
});
combo.on('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;
}
});
分享到:
相关推荐
ext combox自动提示 仿百度式自动提示
extcombox搜索功能
Ext中使用combox实现模糊查询,内附详细代码与图片!
EXTjsEXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动
这是项目中用到的,可以实现LookUp的ComBox. 大家一起分享一下。
ext combox 如果想实现类似于 baidu 搜索时的提示功能。必须禁止其分页功能才可以。
ext + mvc combox tree grid layout
Easyui Combobox 过滤功能,类似火车票网站过滤。
本代码实现ext combox tree 单选填充功能
combox下拉树combox下拉树combox下拉树combox下拉树combox下拉树combox下拉树combox下拉树
今天突然遇到ComBox选项长度过长问题.. 故重绘实现ComBox选项过长换行问题.
有时候我们需要在combo中渲染grid,这时候我们可以通过ext的模板xtemplate来实现此功能。
combox的栏数如何生成?
combox 实现搜寻功能combox 实现搜寻功能
C# ComboBox(winform 2008) 下拉多列 支持按输入的自动过滤(比如输入A,则以A开头的项全匹配出来),当只有一条满足条件时自动选中。
Ext 异步加载添加 删除节点 修改combobox选择项,相当好的东西,值得参考!希望对你有用!
js 实现combox 树选择 js 实现combox 树选择
DataGrid中嵌入comBox,MVVM,