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
};
}
});
相关推荐
在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据网格(Grid)等,使得开发者能够创建交互性极强的数据展示和管理界面。这篇“ExtJS笔记——Grid...
5. **事件监听**:可以通过监听`beforeload`和`load`事件来在数据加载前后执行额外的操作,如显示加载提示或处理加载错误。 6. **优化性能**:为了提高性能,可以使用`remoteSort`和`remoteFilter`配置项,让服务器...
在EXTJS4中,Store是数据管理的核心...通过以上两种方法,我们可以更好地控制EXTJS4中Store的加载过程,提供加载提示,并在不同Store之间灵活地移动和筛选数据。这在处理大量数据或构建复杂交互的Web应用时非常有用。
本文将通过解析提供的代码片段以及结合ExtJS的相关API文档,详细介绍如何实现在ExtJS Grid中的行跨页选中功能。 #### 基本原理与步骤 要实现ExtJS Grid行跨页选中,主要涉及以下几个步骤: 1. **记录选中的项**:...
传递自定义参数,可以监听`beforeload`事件并在其中修改操作参数,或者直接修改store的proxy额外参数: ```javascript // 方法1:使用beforeload事件 treeStore.on('beforeload', function(store, operation) { ...
在ExtJS中,需要设置`store`的`pageSize`属性来指定每页的数据量,并监听`store`的`load`事件来更新分页状态。 3. **动画效果**:要实现动画效果,我们需要扩展(extend)默认的PagingToolbar和GridView。例如,`...
3. **事件监听**:`ds`数据存储在`beforeload`事件触发时,会更新请求参数。这里,`sto.baseParams.start` 和 `sto.baseParams.limit` 分别设置为分页工具栏的`cursor`(当前页开始的记录数)和`pageSize`,确保每次...
6. **数据刷新**:调用`store.load()`方法可以手动加载数据,而`store.reload()`则用于重新加载当前页。 7. **分页计算**:分页存储会根据总记录数和每页记录数自动计算总页数。`totalProperty`配置项用于指定...
在此过程中,通过监听store的'beforeload'事件,可以在数据加载之前动态地添加请求参数,这样做可以确保每次数据加载都是最新的。 在创建gridpanel的过程中,使用了Ext.create方法,初始化了一个Ext.grid.Panel对象...
- **事件**:组件有丰富的事件系统,如`click`、`select`、`beforeload`等,可以监听并响应这些事件。 4. **数据模型与存储** - **Store**:数据存储,用于管理数据集,与数据源进行交互,如XML、JSON等。 - **...
ExtJS Tree 是一个基于JavaScript的UI组件库ExtJS中的一个重要组成部分,用于构建可交互的树形数据结构。在Web应用程序中,它常被用来展示层级关系的数据,如目录结构、组织架构或者数据库的表关系。ExtJS Tree的...
用户在分页工具栏上操作时,EXTJS会触发相应的事件,如`beforeload`(在加载数据前触发)、`load`(数据加载后触发)等。开发者可以通过监听这些事件来执行自定义逻辑,例如更新数据显示或者处理错误。 6. **...
ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序,而GridPanel是其核心组件之一,用于展示和操作表格数据。通过扩展GridPanel,我们可以定制其行为,使其更适合特定需求。 首先,我们关注的是`cgrid.js`...