Posted on 2013-04-29 11:33
小胡子 閱讀(424)
評論(0) 編輯 收藏 所屬分類:
Ext
Ext中的combobox有屬性typeAhead：true 可以實現模糊匹配，但是是從開始匹配的，如果需要自定的的匹配，則需要監聽beforequery方法，實現自己的匹配查詢方法：
代碼如下：
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;
}
}
}
});
原文出自：http://weibaojun.iteye.com/blog/1098731