`
120183228
  • 浏览: 16337 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

EXTjs 分页 加条件查询

阅读更多
var store = new Ext.data.JsonStore({
	url : "supplier_queryListUp",
	root : "rows",
	totalProperty:"totalProperty",//总条数
	fields: [{
		name: 'id'
	},{
		name: 'supplier'
	},{
		name: 'linkmanName'
	},{
		name: 'linkmanSex'
	},{
		name: 'phoneCode'
	},{
		name: 'address'
	},{
		name: 'remark'
	}]
});
store.setBaseParam("factorQuery",false);
		//读取数据
store.load({
	params:{start:0, limit:_pageSize}
});


root:'rows'
{rows:{{id:1,supplier:2},{},,{}}}
json格式是这样的 意思是rows里的每一个子元素就对应的一行
ext会自动添加到一行上面

totalProperty:
这个是数据总条数 用来进行分页的 只要在json中传入
{totalProperty:10}
就可以了
totalProperty 与 rows是同级的数组元素 可以拼在一起


分页查询
text : "查看",
iconCls :"cwms-query",
tooltip : "根据条件查询人员档案信息",
listeners:{
							"click":function(){
								var _tbar = grid.getTopToolbar();
								var _name = _tbar.items.get(1).getValue();
								var _link_name = _tbar.items.get(4).getValue();
								var _link_phone = _tbar.items.get(7).getValue();
								grid.getStore().baseParams={'supplier.supplier':_name,
										'supplier.linkmanName':_link_name,
										'supplier.phoneCode':_link_phone,
										'factorQuery':true};
								store.load();
	}
}


这里需要注意的是查询后不是onload 而是load onload 是把已有的值发过去 是不会替换内容的 所以如果用onload 你只能查询一次 这个问题也困扰了我很久 而load是每次都会替换新值 这里分页的时候也会自动保存内容  这些内容是可以在服务器端接收的 清空条件也是一样的原理



转换成字符串 前提json包一定要导好 这里就不提供了 到处有下载

public static String getJsonList(PageBean pageBean){
		JSONArray jsonArray = JSONArray.fromObject(pageBean.getData());
		String result = "{totalProperty:"+pageBean.getCout()+",rows:"+jsonArray+"}";
		return result;
	}


pageBean.getCout() 是总条数



下面是重点  使数据能够翻页的
ext表格查询时会将start 这个参数发到服务器 这是起始条数
拿到这一个 很容易就可以判断页了

public static int PAGE_SIZE = 12;
	
	public static int getCurrentPage(int start){
		int currentPage = 1;
		if(start!=0){
			currentPage = start/PAGE_SIZE+1;
		}
		return currentPage;
	}


就能返回一个当前页数了 页数都能返回了 翻页就解决了 


最后总结一下  服务器接收的参数 只有start 和条件查询参数
服务器发送的 只有查到数据 与总条数
其他的都不用管 EXT帮你全自动运行
小弟摸索了很久 拿出来分享一下 在网上找了很多都不全 这个应该算是很全了吧
1
4
分享到:
评论

相关推荐

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

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

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

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

    Extjs2分页树 带查询功能

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

    extjs学习 分页后台处理

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

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

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

    Extjs带查询的分页弹出框

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

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

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

    ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能

    Servlet应该能够处理CRUD操作和分页请求,根据请求参数(例如,查询条件、排序字段、分页信息)来查询数据库并返回结果。 在实际开发中,需要结合后台技术(如Java的Spring MVC、PHP的Laravel等)与ExtJS进行交互,...

    extjs 在线sql查询

    在“在线SQL查询”这个场景中,ExtJS 被用来构建一个用户界面,允许用户在浏览器中直接执行SQL查询,这对于数据库管理或数据分析来说非常方便。 `Ext.ux.window.VisualSQLQueryBuilder` 是ExtJS的一个扩展组件,...

    ExtJS 工具栏 分页事件参数

    ExtJS 工具栏分页事件参数使用说明 ExtJS 是一个流行的 JavaScript 框架,用于构建丰富的互联网应用程序。其中,工具栏分页事件参数是一个非常重要的概念,本文将对其进行详细的介绍。 工具栏分页事件参数简介 在...

    Extjs+Spring+Hibernate实现分页

    另外,Hibernate的Criteria API允许我们动态构建查询条件,从而适应不同情况下的分页需求。 在“xxrlmis项目”中,这些技术可能被整合为以下步骤: 1. **前端请求**:ExtJS的Grid Panel向服务器发送包含当前页码和...

    ExtJs商场VIP消费查询系统(北风网源码完全版)

    对于大量数据的查询,系统可能使用了分页、缓存等技术,减少一次性加载的数据量,提高查询速度,提升用户体验。 9. **单元测试与集成测试**: 作为源码完全版,这套系统应该包含了相应的测试代码,以确保各个模块...

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    在请求参数中,除了查询条件,还需要提供分页信息。成功响应后,数据通常以JSON格式返回,然后解析并加载到数据存储中。 5. **数据解析**:接收到服务器的响应后,需要使用`Ext.util.JSON.decode`将JSON字符串转换...

    ExtJs Filter 表格过滤

    1. **数据网格(Data Grid)**:ExtJs的数据网格是一种显示大量结构化数据的组件,它支持分页、排序、筛选等多种功能。数据网格通过绑定到数据源(如Store)来显示数据,并且可以对每列应用不同的渲染和操作。 2. *...

    ExtJs一张表分页与增删改查

    标题中的“ExtJs一张表分页与增删改查”是指使用Ext Js前端框架来实现一个数据表格的分页显示,以及对表格数据进行添加、删除、修改和查询操作的基础功能。这种功能在Web应用程序中非常常见,尤其在管理信息系统中,...

    ssh+extjs4小项目

    2. **分页和查询功能**:ExtJS提供了内置的分页组件,可以轻松地实现数据网格的分页显示。查询功能可能通过ExtJS的FormPanel和Store的过滤器实现,允许用户根据条件筛选数据。 结合以上信息,我们可以推断出这个...

    extjs模拟excel表格

    GridPanel允许我们展示大量数据,并提供了诸如排序、过滤、分页等高级功能。通过设置列宽、可编辑性以及自定义渲染,我们可以使GridPanel看起来和Excel非常相似。 1. **数据绑定与存储**:在模拟Excel时,我们需要...

    extjs3.x combobox智能联想

    3. `triggerAction`:控制触发查询的条件,可以是"all"(每次输入都会触发查询)或"query"(输入达到一定长度或用户按下空格键时触发查询)。 4. `minChars`:设置触发查询所需的最少字符数,例如,可以设置为3表示...

    extjs 树 搜索

    8. **搜索性能优化**:在处理大量数据时,可以考虑对树进行分页,或者在搜索时只过滤可视部分的节点,而不是整个树。 9. **事件监听**:EXTJS提供了丰富的事件系统,如beforefilter、filter、load等,可以通过监听...

Global site tag (gtag.js) - Google Analytics