`
unikwu
  • 浏览: 8529 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

ExtJS Combo 过滤

EXT 
阅读更多
Js代码
var combo = new Ext.form.ComboBox({  
        id:'somecombo',  
        store: combostore,  
        displayField:'state',  
        typeAhead: true,  
        width: 180,  
        mode: 'local',  
        //enableKeyEvents: true,  
        forceSelection: true,  
        triggerAction: 'all',  
        emptyText:'Select a state...',  
        selectOnFocus:true,  
        renderTo: document.body  
    });  
 
    combo.on('beforequery',function(e){  
        var combo = e.combo;  
        if(!e.forceAll){  
            var value = e.query;  
            combo.store.filterBy(function(record,id){  
                var text = record.get(combo.displayField);  
                        //用自己的过滤规则,如写正则式  
                return (text.indexOf(value)!=-1);  
            });  
            combo.expand();  
            return false;  
        }  
    }); 
分享到:
评论

相关推荐

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - `GridPanel` 是EXTJS中用于展示表格数据的组件,它可以灵活地处理大量数据,并提供排序、分页、过滤等功能。 - 在 `GridComboBox` 中,`GridPanel` 作为下拉菜单的内容,使用户能以表格形式查看和选择数据。 3....

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

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

    Extjs6 下拉列表

    综上所述,ExtJS6的下拉列表(ComboBox)和GridCombo扩展控件提供了强大的功能和灵活性,它们可以用于创建丰富的用户界面,满足各种复杂的业务需求。理解和熟练掌握这些组件的使用,对于开发高质量的Web应用至关重要...

    Extjs4 combogrid扩展

    在给定的“Extjs4 combogrid扩展”中,我们主要关注的是如何将传统的下拉框(combo)扩展为同时支持网格(grid)显示的功能。 标题中的“Extjs4 combogrid扩展”意味着我们要在ExtJS 4框架内,改造原有的 Combo ...

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

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

    extjs实现下拉框多选

    在实际应用中,你可能需要考虑数据加载、异步查询、远程过滤等复杂情况。记住,ExtJS 提供了丰富的API和文档,可以帮助你解决这些问题。 最后,`multiCombox` 文件名可能指的是一个包含实现多选下拉框功能的代码或...

    extjs下拉树

    `ComboTree.js`可能已经对这个组件进行了额外的优化或定制,例如增加异步加载数据、搜索过滤等功能,具体实现需要参考源码来详细了解。总的来说,ExtJS下拉树是通过组合ExtJS的基础组件和自定义代码来实现的,它提供...

    很不错的ExtJs PPT

    EXTJS中的组件多样,例如下拉列表有两种形式:Select和Combo。Select仅提供预设选项,而Combo则更强大,可以动态加载数据,甚至支持远程获取数据,并且无需刷新页面即可填充内容。EXTJS还提供了一款灵活的时间控件,...

    extjsCombo下拉框多选

    在ExtJS中,Combo(下拉框)是一种常用的组件,通常用于实现单选选择。然而,有时候我们需要在下拉框中实现多选功能,这就需要用到“extjsCombo下拉框多选”这个主题。 在ExtJS原生的Combo组件中,它默认只支持单选...

    Extjs学习笔记(-):ComboBox联动

    在EXTJS这个强大的JavaScript框架中,ComboBox控件是一种常用的组件,它用于实现下拉选择框的功能。本篇学习笔记将深入探讨EXTJS中ComboBox的联动效果,即一个ComboBox的选择会触发另一个ComboBox的数据更新,以此来...

    extjs的ComboBox 2级联动

    4. **实现联动**:在provinceComboBox的select事件监听器中,根据选定的省份ID过滤cityStore,并重新加载数据。 ```javascript provinceComboBox.on('select', function(combo, record) { var selectedProvinceId =...

    extcombox搜索功能

    在ExtJS的ComboBox中,搜索功能是其核心特性之一,允许用户通过输入关键字来过滤下拉列表中的选项,以实现快速定位。这种功能通常称为模糊查询,因为用户可以输入部分关键字,系统会自动匹配并显示与之相关的所有项...

    icon combobox

    4. **灵活性**:除了基本的图标展示,Icon Combobox还支持动态加载数据,可以根据用户的输入来过滤和显示相关的选项,提高了搜索效率。 **实现原理** Icon Combobox的实现主要通过ExtJS的组件模型,利用Combobox的...

    Ext带图标Combobox

    Combobox的核心功能包括自动完成、过滤、分页等,使得数据输入更为便捷高效。 **2. IconCombobox的实现** 在Ext3.4版本中,IconCombobox是对Combobox的增强,它允许每个列表项前面添加一个图标。这在许多场景下都...

    Ext组件描述,各个组件含义

    通过以上介绍可以看出,ExtJS 提供了丰富的 UI 组件库,涵盖了从基础到高级的各种类型。这些组件不仅提供了强大的功能,还具有高度可定制性,使得开发者能够轻松构建美观且功能完善的 Web 应用程序。

Global site tag (gtag.js) - Google Analytics