`

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

分享到:
评论

相关推荐

    Ext4.0 动态修改ComboBox选择项(本地模式)

    本知识点主要聚焦于如何在Ext4.0框架下动态修改ComboBox的选择项,特别是在本地模式下进行操作。Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,...

    VC++ combobox模糊匹配,自动匹配

    本知识点主要探讨如何实现Combobox的模糊匹配和自动匹配功能,这在开发具有智能搜索特性的应用时十分常见。 模糊匹配是允许用户输入部分关键字,系统就能找出与之匹配的数据项的技术。在Combobox中,这种功能可以极...

    C#WinForm的ComboBox控件自定义实现自动模糊匹配查找数据的方法

    C#WinForm的ComboBox控件自定义实现自动模糊匹配查找数据的方法 与控件自带的AutoCompleteMode类似,完美实现模糊匹配,解决AutoCompleteMode只能从左向右匹配的问题

    Ext combobox 下拉多选框带搜索功能

    结合“带搜索功能”的描述,我们可以推断出这是一个定制的ComboBox,它增加了实时搜索功能,用户在输入框中输入文本时,下拉列表会动态过滤出匹配的选项。 实现这样的功能通常涉及到以下关键点: 1. **配置多选**...

    ext combobox二级联动

    ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...

    Ext ComboboxGrid

    2. **ComboBox组件**:Ext JS中的ComboBox是一个可下拉的输入框,可以预设选项或者动态加载数据。它具有自动完成、过滤等功能,用户可以根据输入的关键字快速找到匹配项。 3. **Grid组件**:Grid是Ext JS中用于展示...

    Q703119 问题的回答 c# combobox如何动态模糊查询?

    在某些情况下,我们可能希望实现ComboBox的动态模糊查询功能,即用户在输入框中输入文本时,ComboBox会实时过滤并显示匹配的选项。这在大数据量的下拉列表中尤其有用,可以提高用户体验。下面我们将详细讨论如何实现...

    winform combobox 模糊查询

    模糊查询的基本思路是监听ComboBox的文本更改事件(TextChanged),然后根据用户输入的文本动态过滤显示的选项。以下是实现步骤: 1. 在代码中,首先为ComboBox添加一个事件处理器,例如: ```csharp private void...

    Ext comboBox的remote模式,联想功能实现

    在这种模式下,comboBox不会一次性加载所有选项,而是根据用户输入的关键词动态地向服务器发送请求,获取匹配的数据。这种方式极大地提高了应用程序的性能和用户体验,因为它避免了在页面加载时一次性加载大量数据。...

    Ext ComBobox 附带完整附件

    Ext ComBobox是一款基于JavaScript库Ext JS开发的下拉组合框组件,它为用户界面提供了一种高效、灵活且功能丰富的选择输入方式。这个组件通常用于在网页应用中实现复杂的数据选择,比如从一个长列表中选取一项或者...

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    ext 动态,匹配,下拉单

    下面我们将深入探讨EXT动态匹配下拉单的相关知识点: 1. **配置项与属性**: - `store`:用于存储下拉选项的数据源,可以是数组或EXT的Store对象。 - `displayField`:指定在下拉列表中显示的字段名。 - `...

    Q703119 问题的回答 c# combobox如何动态模糊查询?v2

    在实际应用中,我们经常需要实现ComboBox的动态模糊查询功能,以提高用户体验,允许用户在输入时实时过滤出匹配的选项。这个问题,即"Q703119 问题的回答 c# combobox如何动态模糊查询?",主要探讨的就是如何在C#中...

    #ComboBox自动补全小技巧(模糊查找)

    在ComboBox中实现此功能,我们需要监听用户输入事件,然后根据当前输入的文本动态过滤列表项。 二、C#实现步骤 1. 首先,确保你的项目引用了System.Windows.Forms命名空间,这是包含ComboBox控件的基础库。 ```...

    Ext组合框comboBox带分页

    用EXT来实现下拉框ComboBox 下拉框可以实现分页

    C# Combobox控件实现模糊查询功能

    这时,模糊查询功能就能派上用场,允许用户输入部分关键字,系统会自动匹配并显示匹配项。下面我们将详细探讨如何实现C# WinForm Combobox控件的模糊查询功能。 首先,我们需要了解Combobox的基本结构和事件。...

    VB基于ComboBox控件的自动匹配查询内容实例源码

    资源名:VB基于ComboBox控件的自动匹配查询内容实例源码 资源类型:程序源代码 源码说明:VB基于ComboBox控件的自动匹配查询内容实例 autocomplete 自动完成 适合人群:新手及有一定经验的开发人员

Global site tag (gtag.js) - Google Analytics