原文来自 http://weibaojun.iteye.com/blog/1098731
{
xtype:"combo",
id:'CORPID_ADD',
fieldLabel : '集团客户',
width : 140,
mode : 'local',
triggerAction : 'all',
selectOnFocus : true,
forceSelection : true,
displayField : 'text',
valueField : 'value',
emptyText : '所有',
store : new Ext.data.SimpleStore({
fields: ['value', 'text'],
data : getEc()
}),
listeners : {//Ext combobox 动态模糊匹配
'beforequery':function(e){
var combo = e.combo;
if(!e.forceAll){
var input = e.query;
// 检索的正则
var regExp = new RegExp(".*" + input + ".*");
// 执行检索
combo.store.filterBy(function(record,id){
// 得到每个record的项目名称值
var text = record.get(combo.displayField);
return regExp.test(text);
});
combo.expand();
return false;
}
}
}
}
相关推荐
EXT Combox的模糊查询功能通过监听用户的输入事件,并在输入值发生变化时向服务器发送请求,获取匹配的数据。 首先,我们需要在前端EXT JS的Combox配置中设置以下属性: 1. `store`:绑定数据源,通常是一个Store...
在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...
在实际开发中,EXT TreeFilter插件不仅可以用于搜索,还可以结合其他EXT组件,如Combobox、TextField等,创建复杂的交互式搜索界面。通过灵活地配置和扩展,可以满足不同场景下的需求。 总结起来,EXT TreeFilter...
总结一下,实现建议词模糊动态搜索的关键在于使用`Ext.form.ComboBox`并配置其属性以连接到服务器端接口,监听用户的输入,并根据输入进行远程查询。同时,`JsonStore`用于存储和管理从服务器获取的数据。通过调整...
在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...
- **Mode**: `Local`模式启用模糊搜索,即使未设置`TypeAhead`,也能根据输入字符自动匹配结果。 - **MinChars**: 触发事件所需的最少输入字符数,优化搜索响应速度。 - **DisplayField**与**ValueField**: 分别...