`

04、过滤Grid

 
阅读更多

通过多个关键字选项和字段,过滤Grid组件上的查询结果集(本地过滤,不与服务器交互)
实现效果:
在下拉框中选择需要过滤的关键字,通过后面输入的字段,将Grid的记录进行过滤,技术点:组件继承+Grid过滤


1)继承CheckItem多选框,自定义checkchange事件,将选中/去除选中的操作记录到一个arrayFilter数组中;

 

 

2)在画面布局创建自定义多选框;

 

3)提供查询条件输入框,过滤按钮

 

4)根据关键字和需要过滤的字段,调用结果集的filterBy方法过滤数据;

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    ExtJS grid过滤操作

    本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对本地store进行筛选。 1. **Grid过滤基础** - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要...

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    ExtJS Filter 实现表格过滤

    ExtJS Grid还支持组合过滤,即同时应用多个过滤器,可以通过`filters`配置项定义一组过滤规则,Grid将根据这些规则同时筛选数据。 **6. 状态保存与恢复** 为了提高用户体验,可以实现过滤状态的保存与恢复,例如在...

    ExtJs Filter 表格过滤

    在ExtJs中,"Filter"功能是用来处理数据网格(Grid)中的数据过滤,它允许用户根据特定条件快速筛选和查找所需信息。表格过滤是提高用户体验和数据管理效率的重要工具,尤其在处理大量数据时。 在"ExtJs Filter ...

    Sigma-Grid.zip_grid_grid jquery_html jquery_jquery grid

    Sigma Grid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它提供了丰富的功能,如分页、排序、过滤、编辑等,适用于各种数据密集型的Web应用。这个压缩包包含了关于 Sigma Grid 的使用指南和...

    dojo1.3_grid

    在描述中提到了几个关键的Grid示例,包括合并行Grid、数据过滤Grid以及冻结列Grid,这些都是在实际应用中非常实用的功能。 1. **Dojo Grid**: Dojo Grid是Dojo Toolkit的核心组件之一,它提供了一个高度可定制的...

    Ag-Grid Demo2.7z

    2. 完善的API:ag-Grid提供了一套全面的API,允许开发者自定义几乎所有的组件和行为,如列定义、排序、过滤、分组等。 3. 高度可定制:无论是样式、图标还是功能,ag-Grid都能通过配置或者自定义组件进行深度定制,...

    agGrid示例源码.zip

    4. **过滤**:agGrid提供了丰富的过滤选项,如文本、数字、日期过滤,甚至支持自定义过滤器。示例中会展示如何设置和使用过滤器,以及如何监听过滤事件。 5. **分组**:agGrid允许用户对数据进行分组,可以方便地...

    UltimateGrid 7.3.zip

    4. **丰富的功能**:UltimateGrid支持多种操作,如排序、过滤、分页、拖放、行/列合并、自定义样式等,满足了复杂应用的需求。 5. **可扩展性**:通过提供API和事件机制,开发者可以方便地添加新的功能或修改已有...

    mfc_grid.zip_excel界面_grid_grid Visual c_mfc excel界面_mfc grid

    5. 实现数据的加载、保存、排序和过滤功能。 6. 可能还需要处理诸如行高、列宽的动态调整,以及单元格样式和格式设置等细节。 综上所述,这个项目旨在通过MFC和C++,利用grid控件创建一个类似于Outlook和Excel的...

    5种最流行好用的表格grid控件

    Telerik Kendo UI Grid是一款功能强大的JavaScript组件,它提供了丰富的功能,包括数据编辑、分页、排序、过滤、拖放列以及自定义模板等。Kendo UI Grid支持多种数据源,如Ajax、JSON、XML,甚至本地数据。此外,它...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    GT-Grid的设计理念强调性能和灵活性,它支持大规模数据集的渲染,提供了分页、排序、过滤和搜索等功能。GT-Grid允许开发者通过API或配置文件深度定制表格的外观和行为,包括列宽调整、行选中、单元格编辑等。此外,...

    自定义表格列头,利用PopupButton做的过滤界面

    本示例通过“自定义表格列头,利用PopupButton做的过滤界面”来实现这一目标,这是一类常见的功能,广泛应用于数据密集型应用,如数据分析工具、管理信息系统等。PopupButton是一种交互元素,它可以在点击时弹出一个...

    ag-grid社区版中文版提示

    ag-grid我没找到汉化提示的js(没仔细找),下载了官方的社区版js代码,记事本查找替换的,如果没积分可以自己搜索替换,我只改了contains(模糊查找)、not contains(模糊过滤)、equals(精确查找)、not equals...

    动态设置显示kendoui grid控件某一列的格式

    本篇文章将深入探讨如何动态地设置Kendo UI Grid中某一列的显示格式,特别是涉及到日期选择器(DatePicker)的自定义过滤功能。 首先,理解`kendoui grid customfilter`标签,这通常意味着我们需要实现自定义的过滤...

    网页Grid组件 GT-Grid组件

    3. **排序与过滤**:Grid组件提供内置的列排序功能,用户可以按需对数据进行升序或降序排列。同时,它还支持行过滤,允许用户根据特定条件筛选数据。 4. **分页**:对于大量数据,GT-Grid组件支持分页显示,提高...

    ExtJS4.0 分享GridHeaderFilters插件

    ExtJS提供了API接口来编程式地控制过滤器,如`grid.filters.getFilter(id)`可以获取特定列的过滤器,`filter.enable()`或`filter.disable()`可以启用或禁用过滤器,`grid.filters.apply()`将所有过滤器的条件应用到...

    ExtJs grid多选时获取选中的所有值

    ### ExtJs Grid 多选及获取选中值详解 #### 一、背景介绍 在Web应用开发中,ExtJs 是一款非常强大的JavaScript框架,它能够帮助开发者快速构建复杂的用户界面。其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个...

    sigma_grid api使用手册 教程示例

    例如,一个典型的sigma_grid使用示例可能涉及加载数据集,使用API进行过滤和排序,然后进行内存优化的计算。而gt_grid的示例则可能涵盖创建表格,添加格式化规则,以及生成带有交互元素的复杂报告。 在学习过程中,...

    JsGrid官网离线版/离线文档

    例如,你可以创建一个新的字段类型,或者实现特定的数据过滤和排序功能。 **10. 文档与支持** 离线版文档`index.htm`包含了详细的API参考、教程和示例,帮助开发者更好地理解和使用JsGrid。尽管是离线版,但文档...

Global site tag (gtag.js) - Google Analytics