`

Ext点击上下页面时,绑定当前查询的条件,否则分页错误

    博客分类:
  • Ext
EXT 
阅读更多
第一种方式在改变操作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
});
});
分享到:
评论
1 楼 Java_Eye007 2011-11-22  
_store.on('beforeload', function() {
var word = self.wordText.getValue();
Ext.apply(this.baseParams, {
word : word
});
scope : self
});


'beforeload' , 首次分页应该不加载查询条件吧?

相关推荐

    extjs 分页是碰到的问题,点击下一页事,查询条件无法传递

    ### Extjs分页遇到的问题:点击下一页时查询条件无法传递 在开发基于Extjs的应用程序时,分页是一项常用且重要的功能。然而,在实际应用过程中可能会遇到一些问题,比如当用户点击“下一页”时,原有的查询条件未能...

    EXT分页工具条

    当用户点击分页按钮时,EXT会自动调用这个方法,加载指定页的数据。 5. **响应式设计** 在现代Web应用中,响应式设计是必不可少的。EXT分页工具条也支持根据屏幕尺寸自动调整布局,以适应不同设备。 6. **性能...

    extjs使用pagingtoolbar时,点击下一页,出现查询结果和查询条件不的解决办法

    这样,每次点击PagingToolbar的分页按钮时,都会携带完整的查询条件,确保加载的数据与用户的查询一致。这个方法不仅可以解决上述问题,而且具有较好的可扩展性,可以轻松适应更多复杂的查询需求。 总的来说,EXTJS...

    ext grid数据绑定

    EXT Grid还支持分页、排序、分组等多种高级功能,这使得它成为处理大量数据的理想选择。在实际开发中,结合EXT提供的事件监听和自定义插件,你可以实现更加复杂和个性化的数据操作逻辑。 综上所述,EXT Grid数据...

    ext分页客户端demo Java js

    - **Ext.data.Store配置**:在Store中设置`autoLoad`为true,使页面加载时自动加载数据。`paging`属性设为true启用分页,`pageSize`定义每页显示的数据量。 2. **客户端分页**: - 客户端分页意味着所有的数据都...

    ext4 表格分页实例代码

    控制器(Controller)用于监听事件并控制应用的行为,比如当用户点击分页按钮时,会触发数据加载事件。 以下是简单的EXT4表格分页实例代码概述: ```javascript // 数据模型定义 Ext.define('MyApp.model.MyModel'...

    EXT JSON Sqlserver 分页 全部正常运行

    5. 示例的实现流程:用户在EXT JS的Grid中触发分页操作,请求发送到JSP页面,JSP调用JavaBean执行SQL查询,获取指定范围的数据,将结果集转化为JSON,最后返回给EXT JS应用,更新Grid显示。 这个例子涵盖了前端开发...

    Ext_Js分页显示案例详解

    - **使用Ext.Js**:前端页面使用Ext.Js创建GridPanel,并绑定PagingToolbar组件,以便实现分页功能。 ```javascript Ext.onReady(function() { var store = new Ext.data.JsonStore({ url: 'display.action', ...

    Jquery页面分页

    当用户点击分页链接时,使用AJAX发送请求到服务器,获取对应页的数据,然后动态更新页面内容。 2. **jQuery分页插件** jQuery社区提供了多种分页插件,如jQuery Pagination Plugin、jQuery Simple Pagination等,...

    EXT 分页,树形结构案列

    EXT 分页与树形结构是EXT JavaScript框架中的两种核心特性,它们在开发高效、互动性强的Web应用程序时扮演着重要角色。EXT是一个强大的客户端JavaScript库,用于构建富互联网应用程序(RIA)。在这里,我们将深入...

    ext 打造华丽页面

    EXT 1.1是EXT JS的一个早期版本,它为开发者提供了强大的组件模型、数据绑定功能以及丰富的用户界面组件,使得开发者能够创建出功能丰富且视觉效果出色的网页应用。 在EXT 1.1中,最重要的概念之一是组件...

    Ext前台分页

    在前端开发中,分页是常见的一种数据展示方式,它能有效地管理大量数据,提高页面加载速度,并提供良好的用户体验。本篇文章将详细讲解基于Ext JS框架...此外,还要注意处理分页请求时的错误处理,确保用户体验流畅。

    ext TreeGrid分页可编辑

    - 使用`Ext.PagingToolbar`来实现分页导航,并将其绑定到`JsonStore`。 ```javascript me.bbar = new Ext.PagingToolbar({ pageSize: itemsPerPage, store: me.treeStore2, displayInfo: true, displayMsg: '...

    ext3+struts2+hibernate+spring的CRUD+分页

    EXT3提供了丰富的UI组件,如表格、按钮、窗口等,以及强大的数据绑定和事件处理机制。在描述中提到的"grid的用法",意味着我们将学习如何使用EXT3的Grid Panel来显示和操作数据,包括添加、编辑和删除(CRUD操作)。...

    ext-gwt分页 鉴于网上关于ext-gwt的技术文章很少代码页很少本着开源的精神本人特地写了一个分页的组件供大家学习欢迎下载

    5. **处理分页事件**:当用户点击分页按钮时,paging toolbar会自动触发`load`事件,你可以监听这个事件,更新Store以加载新数据。 6. **服务器端处理**:服务器端需要根据接收到的分页参数返回相应范围的数据,...

    Ext.net后台分页增删改

    例如,分页查询可能需要一个返回JsonResult的动作,接收页码和每页大小作为参数,然后查询数据库并返回必要的数据。添加、删除和更新操作需要处理提交的模型数据,执行数据库操作,并返回适当的响应。 在实际开发中...

    ext设置分页大小.rar

    在IT行业中,分页是网页或应用程序中常见的一种数据展示方式,特别是在处理大量数据时,分页能够提高用户体验,避免一次性加载过多数据导致页面卡顿。`EXT`是一个流行的JavaScript库,主要用于构建富客户端应用程序...

    extjs2.0 画的一个带查询条件和查询结果的页面

    在"extjs2.0 画的一个带查询条件和查询结果的页面"这个主题中,我们主要探讨如何使用ExtJS 2.0版本来设计一个具有搜索功能的用户界面。这个界面包括查询条件输入区域和展示查询结果的区域。 首先,我们需要了解...

    ext gride刷新

    当你点击刷新按钮或者调用`store.load()`方法时,如果设置了分页,Grid会默认返回到第一页。这是因为分页是基于页面索引的,每次重新加载都会重置到第一页。如果你希望在刷新后保持在当前页面,你需要特别处理这个...

    Ext_comBox模糊查询

    当EXT JS的Combox触发查询事件时,会向这个处理程序发送一个包含筛选条件的请求。示例代码展示了如何解析请求参数并执行模糊查询: ```csharp [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding...

Global site tag (gtag.js) - Google Analytics