`

Extjs,通过过滤store来更改grid列的显示值

阅读更多

监听store的加载事件,在其加载后判定store 里的数据 不符合条件,处理逻辑,符合条件 返回true,将修改后的store返回,返回前必须commit(),不然无法清除grid列的小三角!

load : function(wrwpfZdyGrids,record){  //监听store的加载事件

     wrwpfZdyGrids.filterBy(function(record,id){//函数过滤器

     var i=0;//逻辑必须处理两条

     if(record.get('eyhtpfl')==0){  //store里eyhtpfl 对应 grid 列的dataindex,如果等于0

           i++;

          record.set('eyhtpfl','');//修改eyhtpfl的值,

          //wrwpfZdyGrids.commit;

     }

     if(record.get('dyhwpfl')==0){

     i++;

          record.set('dyhwpfl','');

          //wrwpfZdyGrids.commit;

     }

     if(record.get('ycpfl')==0){

     i++;

          record.set('ycpfl','');

         // wrwpfZdyGrids.commit;

     }

     if(i>=2){

     //处理完成,提交。

        record.commit();

        return true;

     }

     })

 }

分享到:
评论

相关推荐

    ExtJS grid过滤操作

    总结来说,ExtJS Grid的过滤操作提供了丰富的功能,使用户能够方便地筛选数据。通过掌握如何创建、应用和清除过滤器,以及如何处理过滤事件,我们可以构建出更高效、用户友好的数据管理界面。同时,利用本地或远程...

    Extjs4 grid使用例子

    增删改操作通常通过Controller来处理,Controller监听编辑事件,调用Store的方法进行数据的添加、删除或修改,并同步到服务器。 6. **MVCTest**: "MVCTest"可能是这个例子中的一个子目录或文件,可能包含了MVC...

    ExtJS4.0 分享GridHeaderFilters插件

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

    extjs grid

    2. **列配置**:Grid的列可以通过配置项进行定制,包括列宽、可排序性、可编辑性、显示模板等。例如,`dataIndex`属性用于关联字段,`header`定义列头文本,`renderer`函数可以自定义单元格的显示样式。 3. **行...

    Extjs Grid 扩展实例

    4. **过滤**:通过`Ext.grid.filters.Filters`插件,我们可以为Grid的每一列添加过滤功能。这样用户可以根据需求筛选数据,提高数据操作的效率。 5. **排序**:默认情况下,Grid支持单击列头进行升序或降序排序。若...

    Extjs grid分页1

    在ExtJS中,Grid的分页通常是通过`Ext.grid.Panel`的`pagingToolbar`配置实现的。`pagingToolbar`是一个包含导航按钮(如“上一页”、“下一页”)和当前页信息的工具栏,它与数据源(通常是`Ext.data.Store`)关联...

    实现extjs4 的树、grid、form、query等大部分组件的功能

    EXTJS4的grid和tree都支持内置的查询功能,可以通过配置过滤器实现对数据的快速查找。同时,EXTJS的Store组件也提供了高级查询API,可以编写复杂的查询逻辑。 在实际应用中,EXTJS4的这些组件往往需要配合使用。...

    ExtJS_可编辑Grid进度条

    1. 可编辑性:在ExtJS的Grid中,可编辑性是通过使用CellEditing或RowEditing插件来实现的。用户可以点击单元格直接修改数据,这些更改会实时反映到数据源中。为了创建一个可编辑的进度条列,我们需要自定义一个编辑...

    extjs grid.panel 项目 源码

    这通常涉及到定义store(数据存储)来承载数据,column模型来定义列的显示和行为,以及配置项如height、width、title等。 2. **Store管理**:Store是ExtJS中负责数据管理的组件,它可以从服务器加载数据,或者在...

    Extjs4.0 列隐藏和滚动条动态加载

    当用户触发特定操作时,可以通过修改这个属性来改变列的状态。此外,`Ext.grid.Panel` 提供了 `hideColumn` 和 `showColumn` 方法,方便直接操作列的可见性。 2. **滚动条动态加载(Scroller Dynamic Loading)** ...

    ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能

    - **更新**(Update):当用户修改Grid中的数据后,使用`update`方法更新数据对象,然后调用`save`方法提交更改。 - **删除**(Delete):选中要删除的行,调用Store的`remove`方法移除数据,最后执行`save`方法...

    Extjs4---grid的修改、删除功能---结合struts2、hibernate

    在本文中,我们将深入探讨如何在ExtJS 4框架中实现Grid组件的修改和删除功能,同时结合Struts2和Hibernate技术,构建一个完整的CRUD(创建、读取、更新、删除)应用。ExtJS 4是一个强大的JavaScript UI库,提供了...

    extjs4.0 grid

    要实现搜索功能,你可以创建一个文本输入框,监听其`change`事件,然后根据输入的关键字过滤Store中的数据。`store.filter()`方法可用于应用过滤器。 5. **多条删除**: 多条删除通常与选中多行相关联。你可以...

    ExtJs DataGridView控件实例

    4. **排序功能**:Grid中的每一列都支持排序,用户可以通过点击列头来改变数据的排序方式,这通常通过调用Store的sort方法来实现。 5. **分页**:对于大数据集,分页是必不可少的。ExtJs Grid可以通过配置 ...

    ExtJS中的Grid Title部分利用XML定义随意变化

    在ExtJS的Grid中,Title通常指的是列头,也就是每一列上方显示的文字,用于标识该列的数据含义。`header`属性就是用来设置这个文字的,而`width`则定义了列的宽度,`dataIndex`则是与数据源字段对应的映射名,用于...

    Extjs 表格

    编辑数据涉及到选中要修改的行,获取并修改记录的字段值,然后通知Store数据已更改。例如: ```javascript var selectedRow = grid.getSelectionModel().getSelection()[0]; selectedRow.set('name', 'Edited ...

    EXTJS 转EXCEL实例

    在EXTJS中,数据网格(Grid)是一种常用的数据展示组件,它能够以表格形式展示大量数据,并支持排序、分页、过滤等多种操作。要将GRID中的数据导出为Excel,我们需要涉及以下几个关键步骤: 1. **数据准备**:首先...

    Extjs 增删改查

    - 初始化Grid时,通过`storeUrl`获取数据列表并显示。 - 用户可以在Grid中使用搜索框或过滤器来筛选数据。 #### 五、代码示例解析 根据题目提供的代码片段,可以看出以下几点: - 使用了Ext.ux.GridExtend类来...

    ssh+extjs4.0grid增删改查

    - 配置Grid面板,定义列模型,设置列的宽度、对齐方式、可编辑性等属性。 - 添加EditorGridPanel,允许在Grid中直接编辑单元格数据。 - 实现Model和Proxy,Model定义数据字段,Proxy配置数据源,如JsonP或Restful...

    extjs模仿excel效果

    在本项目中,我们将探讨如何使用ExtJS来模仿Excel的表格效果,这涉及到表格的动态渲染、数据编辑、排序、过滤以及公式计算等多个方面。 首先,实现Excel的表格效果,我们需要创建一个基于ExtJS的GridPanel。...

Global site tag (gtag.js) - Google Analytics