Ext combobox 动态模糊匹配

 
var gfxmComb  = new Ext.form.ComboBox({
		id : 'gfxmComb',
		store : gfxmStore,
		typeAhead : true,
		mode : 'local',
		editable : true,
		displayField :'xmMc',
		valueField :'xmBm',
		triggerAction : 'all',
		selectOnFocus : true,
		listeners : {
			'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 combobox 动态模糊匹配_第1张图片

你可能感兴趣的:(ExtJs)