第一种方式在改变操作store时调用该段代码:
var store = this.getStore();
//先删除先前的参数
for (var key in store.baseParams) {
if (key && key.indexOf('userId') != -1) {
delete store.baseParams[key];
}
if (key && key.indexOf('ipArea') != -1) {
delete store.baseParams[key];
}
if (key && key.indexOf('mobileBrandId') != -1) {
delete store.baseParams[key];
}
if (key && key.indexOf('cityId') != -1) {
delete store.baseParams[key];
}
if (key && key.indexOf('startTime') != -1) {
delete store.baseParams[key];
}
if (key && key.indexOf('endTime') != -1) {
delete store.baseParams[key];
}
}
// 绑定查询参数到store,否则点击分页时会出现无参数情况,会导致下一页的信息结果有误
if (userId)
store.setBaseParam('userId', userId);
if (ipArea)
store.setBaseParam('ipArea', ipArea);
if (endTime)
store.setBaseParam('endTime', endTime);
if (cityId)
store.setBaseParam('cityId', cityId);
if (startTime)
store.setBaseParam('startTime', startTime);
if (mobileBrandId)
store.setBaseParam('mobileBrandId', mobileBrandId);
第二种方式用触发事件:
在定义grid时添加该事件
var self = this;
var _store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'xxx'
}),
reader : new Ext.data.JsonReader({
idProperty : 'id',
root : 'data',
fields : [{
name : 'id',
type : 'string'
}
}]
}),
writer : new Ext.data.JsonWriter()
});
var wordText = new Ext.form.TextField({
fieldLabel : "基础词",
name : "word",
allowBlank : true,
anchor : '96%'
});
_store.on('beforeload', function() {
var word = self.wordText.getValue();
Ext.apply(this.baseParams, {
word : word
});
scope : self
});
});
分享到:
相关推荐
### Extjs分页遇到的问题:点击下一页时查询条件无法传递 在开发基于Extjs的应用程序时,分页是一项常用且重要的功能。然而,在实际应用过程中可能会遇到一些问题,比如当用户点击“下一页”时,原有的查询条件未能...
当用户点击分页按钮时,EXT会自动调用这个方法,加载指定页的数据。 5. **响应式设计** 在现代Web应用中,响应式设计是必不可少的。EXT分页工具条也支持根据屏幕尺寸自动调整布局,以适应不同设备。 6. **性能...
这样,每次点击PagingToolbar的分页按钮时,都会携带完整的查询条件,确保加载的数据与用户的查询一致。这个方法不仅可以解决上述问题,而且具有较好的可扩展性,可以轻松适应更多复杂的查询需求。 总的来说,EXTJS...
EXT Grid还支持分页、排序、分组等多种高级功能,这使得它成为处理大量数据的理想选择。在实际开发中,结合EXT提供的事件监听和自定义插件,你可以实现更加复杂和个性化的数据操作逻辑。 综上所述,EXT Grid数据...
- **Ext.data.Store配置**:在Store中设置`autoLoad`为true,使页面加载时自动加载数据。`paging`属性设为true启用分页,`pageSize`定义每页显示的数据量。 2. **客户端分页**: - 客户端分页意味着所有的数据都...
控制器(Controller)用于监听事件并控制应用的行为,比如当用户点击分页按钮时,会触发数据加载事件。 以下是简单的EXT4表格分页实例代码概述: ```javascript // 数据模型定义 Ext.define('MyApp.model.MyModel'...
5. 示例的实现流程:用户在EXT JS的Grid中触发分页操作,请求发送到JSP页面,JSP调用JavaBean执行SQL查询,获取指定范围的数据,将结果集转化为JSON,最后返回给EXT JS应用,更新Grid显示。 这个例子涵盖了前端开发...
- **使用Ext.Js**:前端页面使用Ext.Js创建GridPanel,并绑定PagingToolbar组件,以便实现分页功能。 ```javascript Ext.onReady(function() { var store = new Ext.data.JsonStore({ url: 'display.action', ...
当用户点击分页链接时,使用AJAX发送请求到服务器,获取对应页的数据,然后动态更新页面内容。 2. **jQuery分页插件** jQuery社区提供了多种分页插件,如jQuery Pagination Plugin、jQuery Simple Pagination等,...
EXT 分页与树形结构是EXT JavaScript框架中的两种核心特性,它们在开发高效、互动性强的Web应用程序时扮演着重要角色。EXT是一个强大的客户端JavaScript库,用于构建富互联网应用程序(RIA)。在这里,我们将深入...
EXT 1.1是EXT JS的一个早期版本,它为开发者提供了强大的组件模型、数据绑定功能以及丰富的用户界面组件,使得开发者能够创建出功能丰富且视觉效果出色的网页应用。 在EXT 1.1中,最重要的概念之一是组件...
在前端开发中,分页是常见的一种数据展示方式,它能有效地管理大量数据,提高页面加载速度,并提供良好的用户体验。本篇文章将详细讲解基于Ext JS框架...此外,还要注意处理分页请求时的错误处理,确保用户体验流畅。
- 使用`Ext.PagingToolbar`来实现分页导航,并将其绑定到`JsonStore`。 ```javascript me.bbar = new Ext.PagingToolbar({ pageSize: itemsPerPage, store: me.treeStore2, displayInfo: true, displayMsg: '...
EXT3提供了丰富的UI组件,如表格、按钮、窗口等,以及强大的数据绑定和事件处理机制。在描述中提到的"grid的用法",意味着我们将学习如何使用EXT3的Grid Panel来显示和操作数据,包括添加、编辑和删除(CRUD操作)。...
5. **处理分页事件**:当用户点击分页按钮时,paging toolbar会自动触发`load`事件,你可以监听这个事件,更新Store以加载新数据。 6. **服务器端处理**:服务器端需要根据接收到的分页参数返回相应范围的数据,...
例如,分页查询可能需要一个返回JsonResult的动作,接收页码和每页大小作为参数,然后查询数据库并返回必要的数据。添加、删除和更新操作需要处理提交的模型数据,执行数据库操作,并返回适当的响应。 在实际开发中...
在IT行业中,分页是网页或应用程序中常见的一种数据展示方式,特别是在处理大量数据时,分页能够提高用户体验,避免一次性加载过多数据导致页面卡顿。`EXT`是一个流行的JavaScript库,主要用于构建富客户端应用程序...
在"extjs2.0 画的一个带查询条件和查询结果的页面"这个主题中,我们主要探讨如何使用ExtJS 2.0版本来设计一个具有搜索功能的用户界面。这个界面包括查询条件输入区域和展示查询结果的区域。 首先,我们需要了解...
当你点击刷新按钮或者调用`store.load()`方法时,如果设置了分页,Grid会默认返回到第一页。这是因为分页是基于页面索引的,每次重新加载都会重置到第一页。如果你希望在刷新后保持在当前页面,你需要特别处理这个...
当EXT JS的Combox触发查询事件时,会向这个处理程序发送一个包含筛选条件的请求。示例代码展示了如何解析请求参数并执行模糊查询: ```csharp [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding...