`

【转】Ext combobox 动态模糊匹配

    博客分类:
  • Ext
阅读更多

原文来自 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;  
                       }  
                   }  
               }  
      }

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics