`

【转】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;  
                       }  
                   }  
               }  
      }

分享到:
评论

相关推荐

    Ext_comBox模糊查询

    EXT Combox的模糊查询功能通过监听用户的输入事件,并在输入值发生变化时向服务器发送请求,获取匹配的数据。 首先,我们需要在前端EXT JS的Combox配置中设置以下属性: 1. `store`:绑定数据源,通常是一个Store...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    EXT TreeFilter 插件

    在实际开发中,EXT TreeFilter插件不仅可以用于搜索,还可以结合其他EXT组件,如Combobox、TextField等,创建复杂的交互式搜索界面。通过灵活地配置和扩展,可以满足不同场景下的需求。 总结起来,EXT TreeFilter...

    Ext JS 实现建议词模糊动态搜索功能

    总结一下,实现建议词模糊动态搜索的关键在于使用`Ext.form.ComboBox`并配置其属性以连接到服务器端接口,监听用户的输入,并根据输入进行远程查询。同时,`JsonStore`用于存储和管理从服务器获取的数据。通过调整...

    extcombox搜索功能

    在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...

    ExtNet控件使用心得

    - **Mode**: `Local`模式启用模糊搜索,即使未设置`TypeAhead`,也能根据输入字符自动匹配结果。 - **MinChars**: 触发事件所需的最少输入字符数,优化搜索响应速度。 - **DisplayField**与**ValueField**: 分别...

Global site tag (gtag.js) - Google Analytics