`

Extjs4 查询条件分页解决办法

阅读更多

            只明白Extjs有自带的分页控件,却没有测试过带查询条件点下一页时条件消失的问题。在创建store后每次自动加载前都需要获取查询条件,这样问题就解决了。

var abStore = Ext.create('Ext.data.Store', {
				autoLoad : {
					start : 0,
					limit : itemsPerPage
				},
				pageSize : itemsPerPage,
				model : 'test',
				autoLoad : true,
				proxy : {
					type : 'ajax',
					url : path + '***',
					reader : {
						type : 'json',
						root : 'rows',
						totalProperty : 'results',
						idProperty : '**'
					}
				}
			});

	//解决查询条件分页问题		
	abStore.on('beforeload', function(store, options) {
			         
				var apply = Ext.getCmp('applytime').getValue();
				var end2 = Ext.getCmp('endtime').getValue();
				var start = Ext.util.Format.date(apply, 'Y-m-d');
				var stop = Ext.util.Format.date(end2, 'Y-m-d');
	
		var new_params = {
				applytime : start,
				endtime : stop
						};
		Ext.apply(store.proxy.extraParams, new_params);
		});

 

 

分享到:
评论

相关推荐

    Extjs带查询的分页弹出框

    通过传参数弹出一个弹出框顶部输入查询条件,下方通过表格展示数据,隐藏了两个,支持三段式赋值,支持分页,支持查询分页,双击后赋值,很方便

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

    ### Extjs分页遇到的问题:点击下一页时查询条件无法传递 在开发基于Extjs的应用程序时,分页是一项常用且重要...通过以上步骤,可以有效地解决Extjs分页时查询条件无法传递的问题,确保用户能够获得准确的数据结果。

    extjs4.2 分页combo动态条数 源码

    因此,引入分页机制可以有效地解决这个问题,只在用户需要时加载更多数据。 首先,我们需要了解EXTJS 4.2中的Combobox组件。Combobox是EXTJS中的一种表单字段,它结合了文本输入框和下拉菜单,允许用户从预定义的...

    Extjs TreeStore+pagingToolbar 分页

    ExtJS提供了一个名为pagingToolbar的组件,可以轻松地与数据存储(如TreeStore)集成,实现分页效果。 1. **TreeStore基础**: TreeStore 是 ExtJS 的一种数据存储类,它专门用来处理树状结构的数据。它可以连接到...

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

    这篇“ExtJS笔记——Grid实现后台分页”探讨了如何在ExtJS的Grid组件中实现高效的后台分页功能。 后台分页是一种常见的数据处理策略,特别是在大数据量的情况下,它将数据分批加载,避免一次性加载所有记录导致的...

    extjs 树型分页组件

    为了解决这个问题,EXTJS提供了一个名为“树型分页”(Tree Paging)的特性。本文将深入探讨EXTJS树型分页组件的工作原理、实现方法及其实用价值。 1. 树型分页原理 树型分页不同于传统的表格分页,因为它需要处理...

    extjs 分页

    在EXTJS中,分页是实现大数据量展示时不可或缺的功能,它能有效地提高网页性能,减少服务器压力。EXTJS分页通常与数据访问对象(DAO)和动作控制器(Action)结合使用,形成一个完整的数据获取和展示流程。下面将...

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

    总的来说,EXTJS的PagingToolbar虽然默认只传递`start`和`limit`参数,但通过自定义事件监听和参数构建,我们可以灵活地扩展其功能,以满足不同场景下的分页查询需求。这对于处理带有复杂查询条件的大数据集是非常...

    extjs增删改查分页树

    extjs增删改查分页树

    extjs 简单分页例子

    在这个“EXTJS简单分页例子”中,我们将深入探讨EXTJS如何实现分页功能,以及如何与后台进行交互。 分页是Web应用中常见的数据展示方式,尤其在处理大量数据时,它可以提高页面加载速度并提供良好的用户体验。EXTJS...

    Extjs2分页树 带查询功能

    在"Extjs2分页树 带查询功能"这个主题中,我们将深入探讨如何在ExtJS 2.x版本中实现这样一个功能。 首先,我们需要理解树形结构(Tree)在ExtJS中的工作原理。树形组件(Ext.tree.TreePanel)用于展示层次化的数据...

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

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

    Extjs分页使用java实现数据库数据查询.docx

    在本文中,我们将探讨如何使用ExtJS框架结合Java实现数据库数据的分页查询。ExtJS是一个强大的JavaScript库,常用于构建桌面级的Web应用程序,而Java则是一种广泛使用的后端开发语言,常用于处理服务器端逻辑。在这...

    Extjs grid分页1

    4. **自定义分页**:如果需要更复杂的分页逻辑,例如服务器端分页,可以自定义`proxy`的`load`方法,将`start`和`limit`参数(分别表示起始位置和每页记录数)传递给服务器,服务器返回对应页的数据。 5. **事件...

    ExtJS4.2后台分页需要的几个文件

    在ExtJS4.2中实现后台分页是一个重要的功能,特别是在处理大量数据时,它可以显著提高应用程序的性能和用户体验。后台分页意味着数据不在前端一次性加载,而是分批次从服务器获取,这样可以避免一次性加载过多数据...

    extjs学习 分页后台处理

    以下是对EXTJS分页后台处理的详细说明: 首先,`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中,`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    Extjs grid分页多选记忆功能

    很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...

    ExtJs分页

    总结来说,ExtJS分页是通过前端和后端的协同工作实现的,前端通过ExtJS的Grid和Store组件呈现和管理分页数据,而后端则使用如Spring MVC和SQL Server 2008这样的技术处理分页查询。理解并熟练掌握这些技术对于构建...

Global site tag (gtag.js) - Google Analytics