在上一篇文章(解决ext grid过滤问题)中我以为已经解决了所有的过滤问题,但是过了几天才发现,关于数字的过滤还不自动清除,所以经过对过滤源文件NumericFilter.js的调试,发现
serialize这个方法出问题了,当有需要过滤的数字时它会通过
for(var key in values)
args.push({type: 'numeric', comparison: key, value: values[key]});
这个循环向args数组对象中赋值,从而在过滤主文件
GridFilters.js中的getFilterData方法中的var d = [].concat(f.serialize());这个段代码,d的length才可以不为0,进行下面for循环的赋值。
但是当清除数字的过滤后,在
NumericFilter.js中就不会走那个for循环,从而ars为null,故在
GridFilters.js中就不能给赋空值。
所以我在
NumericFilter.js中的
serialize方法中for循环的下面我加了这段代码
if(args == "")
args.push({type: 'numeric', comparison: 'aa', value: ''});
给他附一个不影响结果的值,总之到后台也会过滤掉的,所以不影响程序的,从而解决了问题。
分享到:
相关推荐
- **Filter Types**:多种内置过滤器类型,如文本、数字、日期等,满足不同数据类型的过滤需求。 - **Column Filters**:在列头中显示过滤图标,用户可以直接在列上设置过滤条件。 2. **动态操作** - **创建过滤...
- **数字过滤**:支持比较操作,如“大于”、“小于”、“等于”等,还可以设置范围过滤。 - **日期过滤**:提供日期选择器,允许用户按日期范围筛选。 - **选择过滤**:提供下拉列表供用户选择,通常用于预设选项的...
EXT JS的Grid Panel支持丰富的功能,如排序、过滤、分页以及各种类型的数据显示。 CellEditing是EXT JS中的一个编辑模式,它使得用户能够直接在选择的单元格内进行编辑,而不是打开一个单独的窗口或表单。这个模式...
GridHeaderFilters支持多种过滤类型,如文本、数字、日期等。你可以通过`filter`配置项指定列的过滤类型。例如,为数字列添加过滤器: ```javascript { header: 'Age', dataIndex: 'age', filter: { type: '...
Grid Panel可以配置多种列类型,如文本、数字、日期等,并支持排序、分页和过滤。 2. **Inline Editing**: 在Ext中,表格内的编辑可以通过Inline Editing实现。这意味着用户可以直接在单元格内点击编辑,编辑完成后...
**2.5 Editor Grid Panel (Ext.grid.EditorGridPanel)** - **xtype**: `editorgrid` - **功能描述**:Editor Grid Panel 是一个支持行级编辑的网格面板。 - **主要用途**:适合于需要对表格中的数据进行编辑的场景...
在创建Excel模仿应用时,开发者通常会利用Ext JS的数据网格组件(Grid Panel)和各种插件,来实现如排序、过滤、公式计算等Excel的功能。 在压缩包文件“6excel20”中,虽然没有提供具体的内容,但我们可以假设这...
6. **过滤**:Grid可以添加过滤器来筛选数据,用户可以根据需求选择不同的过滤类型,如文本、数字或日期过滤器。`filter`配置项可以为列添加过滤功能。 7. **锁定列**:EXTJS 4.2.1引入了锁定列的功能,允许用户将...
Grid的列可自定义,包括列的类型(文本、数字、日期等)、宽度、可排序性、可编辑性等。通过配置列模板,可以显示复杂的格式化数据,如使用计算字段或链接。 4. **分页(Paging)** 对于大量数据,Grid支持分页...
描述中提到的“ext js各种控件的描述 如树控件,文本框 grid表单 分页等等”,这暗示了这个压缩包可能包含了关于以下几种Ext JS控件的实现和使用方法: 1. **树控件(Tree)**:在Ext JS中,树控件用于显示层次结构...
`Ext.grid.Panel`则用于展示数据网格,可以自定义列、排序、过滤等功能。 在`Ext的学习文档.doc`中,你将会找到关于这些概念的深入解释和实际的代码示例。通过学习和实践,你将能熟练掌握如何利用Ext构建复杂、高...
6. **网格(Grid)**:EXTJS的网格组件是一种可滚动、可排序、可分页的数据展示方式,支持行编辑、行选择等多种功能,常用于数据密集型的应用场景。 7. **表单(Forms)**:EXTJS提供了强大的表单组件,可以创建...
这部分内容将详细讲解如何使用Ext.grid来创建表格,如何配置列、排序、过滤和分页功能,以及如何实现行编辑、拖拽列等功能。 十、Ext类的常用方法 文章最后提到了Ext类的一些常用方法,如addBehaviors、apply、...
- **Ext.grid.Panel**:网格组件,用于显示表格数据,支持分页、排序、过滤和编辑。 - **表格列(Column)**:定义表格列的显示和行为。 以上是ExtJS 3.4.0中涉及的基础和实战部分,这些组件和功能构成了ExtJS...
Grid组件支持数据分页、排序、过滤和编辑等功能,能够处理大量数据。 2. **数据模型(Model)与存储(Store)**:EXTJS的数据模型定义了数据字段和结构,而存储则负责管理这些数据,包括加载、保存和操作。在导出...
例如,使用Angular的Ag-Grid库,可以通过设置`headerGroupComponent`和`headerGroupComponentParams`来创建自定义的列组头部。 在实际应用中,"ColumnHeaderGroup"的设计要考虑用户体验,确保分组逻辑清晰,操作...
- **网格**: `grid`组件允许展示表格数据,并支持排序、分组和过滤等功能。 - **菜单和工具栏**: `Ext.menu.Menu`和`Ext.Toolbar`提供了创建上下文菜单和工具栏的功能。 #### 四、总结 - 以上内容详细介绍了Extjs...
`Ext.data.Store`类提供了加载、保存、排序、过滤等功能。它通常与模型和控制器紧密配合,当模型数据发生变化时,会自动更新视图。 **五、应用(Application)** 应用是整个MVC架构的入口点,它将所有控制器、视图...
Ext.create('Ext.grid.Panel', { store: { fields: ['name', 'email', 'phone'], data: [...], filters: [{ type: 'string', field: 'name' }, { type: 'string', field: 'email' }] }, columns: [ { ...