`
pingfan
  • 浏览: 38625 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ExtJs combobox 自定义过滤-模糊过滤

 
阅读更多

ExtJs combobox 自定义过滤-模糊过滤.

 

其实是复制ComboBox的doQuery方法体,进行修改..

 

 

        this.myCombo.on('beforequery',function(qe){
            var combo = qe.combo;
            //q is the text that user inputed.
            var q = qe.query;
            forceAll = qe.forceAll;
            if(forceAll === true || (q.length >= combo.minChars)){
                if(combo.lastQuery !== q){
                    combo.lastQuery = q;
                    if(combo.mode == 'local'){
                        combo.selectedIndex = -1;
                        if(forceAll){
                            combo.store.clearFilter();
                        }else{
                            combo.store.filterBy(function(record,id){
                                var text = record.get(combo.displayField);
                                //在这里写自己的过滤代码
                                return (text.indexOf(q)!=-1);
                            });
                        }
                        combo.onLoad();
                    }else{
                        combo.store.baseParams[combo.queryParam] = q;
                        combo.store.load({
                            params: combo.getParams(q)
                        });
                        combo.expand();
                    }
                }else{
                    combo.selectedIndex = -1;
                    combo.onLoad();
                }
            }
            return false;
        });
分享到:
评论

相关推荐

    ExtJs自定义分页控件----PM3PagingToolbar.js

    在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. ...

    Extjs自定义组件-下拉树

    ### Extjs自定义组件——下拉树:深入解析与实现 在现代Web开发中,Extjs作为一款功能强大且灵活的框架,深受开发者喜爱。它提供了丰富的UI组件库,能够帮助开发者快速构建复杂的用户界面。其中,自定义组件是Extjs...

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    ExtJS 自定义分页控件---- PM3PagingToolbar.js

    在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道. 用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext....

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

    7. **自定义样式**:为了增强用户体验,可能还需要自定义ComboBox的样式,例如搜索框的外观、下拉列表的样式等。 在提供的链接中,可能会详细介绍如何配置和实现这样一个功能组件。`MultiComboSearch_5.TXT`可能是...

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    Extjs4---combobox省市区三级联动+struts2

    在这个特定的项目“Extjs4---combobox省市区三级联动+struts2”中,我们将探讨如何利用ExtJS 4的ComboBox组件实现省市区的三级联动效果,并结合Struts2框架进行数据交互。 首先,`ComboBox`是ExtJS中的一个组件,它...

    ExtJS快速入门--传智播客--蔡世友

    ExtJS快速入门--传智播客--蔡世友

    extjs2----关于extjs 的使用,操作

    5. **表单元素**:深入探讨表单(Form)的创建,包括各种表单字段(TextField、ComboBox、DateField等)的使用及验证规则。 6. **Ajax交互**:讲解如何利用Ext.Ajax进行异步数据请求,实现服务器端数据的增删查改。 ...

    EXTJS开发包ext-3.2.0

    EXTJS开发包ext-3.2.0 EXTJS开发包ext-3.2.0

    ExtJs Filter 表格过滤

    6. **自定义过滤器(Custom Filters)**:除了内置的过滤器类型,开发者还可以创建自定义过滤器,满足特定的业务需求。这通常涉及到编写JavaScript函数来定义过滤逻辑。 7. **ux组件**:在提供的文件列表中,"ux...

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

    本教程将深入探讨如何在C#环境下,利用VS2005为ComboBox添加自动补全或模糊查找功能,这在实际开发中非常实用,能够提升用户体验。 一、自动补全(AutoComplete)原理 自动补全功能基于用户输入的部分文本,快速...

    ExtJS grid过滤操作

    - **自定义过滤器**:通过扩展内置过滤器或创建全新的过滤器类,实现自定义的过滤逻辑。 5. **监听过滤事件** - **filterchange**:当过滤器状态改变时触发,可用于监听并响应过滤操作,如更新UI或执行其他业务...

    extjs-theme-bootstrap-master.zip

    "extjs-theme-bootstrap-master.zip" 文件很可能是ExtJS的一个主题包,它集成了Bootstrap的样式,使得ExtJS组件能够呈现出Bootstrap的经典外观。 在深入讲解这个主题之前,让我们先了解一下基础概念: 1. **ExtJS*...

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

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

    ExtJS----HelloWorld程序源码

    在"ExtJS----HelloWorld程序源码"中,我们将会看到如何使用ExtJS来创建一个简单的“你好,世界!”应用。以下是对这个示例中涉及的主要知识点的详细解释: 1. **引入ExtJS库**:首先,你需要在HTML文件中引入ExtJS...

    extJs例子-------

    ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子

Global site tag (gtag.js) - Google Analytics