`
lhy2012
  • 浏览: 15898 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

【转载】ExtJS中Store注册beforeload监听事件重新加载grid的方法,用于条件查询

    博客分类:
  • Ext
阅读更多

原文:http://www.itzhai.com/extjs-in-store-event-listener-registered-beforeload-reload-the-grid-method-check-for-conditions.html

ExtJS中Store注册beforeload监听事件重新加载grid的方法,用于条件查询

如果我们使用条件查询过滤表格中的数据,而请求的是同一个URL,
只是根据传入的参数不同而得到不同结果集的情况下,
我们可以使用Store的addListener方法注册一个beforeload事件,在请求前注入参数:
 
grid.getStore().addListener({
 beforeload:function(store,records,options){
  store.baseParams = {
   query:'true',
   name:name  //name为之前定义的变量
  };
 }
});
要显示全部的话,可以重新传入不同的参数,让后台根据参数进行不同的处理:
 
grid.getStore().addListener({
 beforeload:function(store,records,options){
  store.baseParams = {
         query:'false',
         name:name
     };
    }
});

分享到:
评论

相关推荐

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据网格(Grid)等,使得开发者能够创建交互性极强的数据展示和管理界面。这篇“ExtJS笔记——Grid...

    Extjs grid分页1

    5. **事件监听**:可以通过监听`beforeload`和`load`事件来在数据加载前后执行额外的操作,如显示加载提示或处理加载错误。 6. **优化性能**:为了提高性能,可以使用`remoteSort`和`remoteFilter`配置项,让服务器...

    Extjs4 关于Store的一些操作(加载/回调/添加)

    在EXTJS4中,Store是数据管理的核心...通过以上两种方法,我们可以更好地控制EXTJS4中Store的加载过程,提供加载提示,并在不同Store之间灵活地移动和筛选数据。这在处理大量数据或构建复杂交互的Web应用时非常有用。

    extjs grid

    本文将通过解析提供的代码片段以及结合ExtJS的相关API文档,详细介绍如何实现在ExtJS Grid中的行跨页选中功能。 #### 基本原理与步骤 要实现ExtJS Grid行跨页选中,主要涉及以下几个步骤: 1. **记录选中的项**:...

    extjs 4学习

    传递自定义参数,可以监听`beforeload`事件并在其中修改操作参数,或者直接修改store的proxy额外参数: ```javascript // 方法1:使用beforeload事件 treeStore.on('beforeload', function(store, operation) { ...

    动画效果的grid分页

    在ExtJS中,需要设置`store`的`pageSize`属性来指定每页的数据量,并监听`store`的`load`事件来更新分页状态。 3. **动画效果**:要实现动画效果,我们需要扩展(extend)默认的PagingToolbar和GridView。例如,`...

    EXTJS操作后返回当前操作页

    3. **事件监听**:`ds`数据存储在`beforeload`事件触发时,会更新请求参数。这里,`sto.baseParams.start` 和 `sto.baseParams.limit` 分别设置为分页工具栏的`cursor`(当前页开始的记录数)和`pageSize`,确保每次...

    EXTJS2.x_pagingstore.zip

    6. **数据刷新**:调用`store.load()`方法可以手动加载数据,而`store.reload()`则用于重新加载当前页。 7. **分页计算**:分页存储会根据总记录数和每页记录数自动计算总页数。`totalProperty`配置项用于指定...

    基于ExtJs在页面上window再调用Window的事件处理方法

    在此过程中,通过监听store的'beforeload'事件,可以在数据加载之前动态地添加请求参数,这样做可以确保每次数据加载都是最新的。 在创建gridpanel的过程中,使用了Ext.create方法,初始化了一个Ext.grid.Panel对象...

    extjs3.0 API

    - **事件**:组件有丰富的事件系统,如`click`、`select`、`beforeload`等,可以监听并响应这些事件。 4. **数据模型与存储** - **Store**:数据存储,用于管理数据集,与数据源进行交互,如XML、JSON等。 - **...

    extjs tree

    ExtJS Tree 是一个基于JavaScript的UI组件库ExtJS中的一个重要组成部分,用于构建可交互的树形数据结构。在Web应用程序中,它常被用来展示层级关系的数据,如目录结构、组织架构或者数据库的表关系。ExtJS Tree的...

    分页EXT分页EXT

    用户在分页工具栏上操作时,EXTJS会触发相应的事件,如`beforeload`(在加载数据前触发)、`load`(数据加载后触发)等。开发者可以通过监听这些事件来执行自定义逻辑,例如更新数据显示或者处理错误。 6. **...

    扩展GridPanel,附带分页选中状态,实现快速构建一个功能齐全的Grid

    ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序,而GridPanel是其核心组件之一,用于展示和操作表格数据。通过扩展GridPanel,我们可以定制其行为,使其更适合特定需求。 首先,我们关注的是`cgrid.js`...

Global site tag (gtag.js) - Google Analytics