天天看點

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;
				}
			}
		}
	});