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帮你全自动运行
小弟摸索了很久 拿出来分享一下 在网上找了很多都不全 这个应该算是很全了吧
分享到:
相关推荐
### Extjs分页遇到的问题:点击下一页时查询条件无法传递 在开发基于Extjs的应用程序时,分页是一项常用且重要...通过以上步骤,可以有效地解决Extjs分页时查询条件无法传递的问题,确保用户能够获得准确的数据结果。
这篇“ExtJS笔记——Grid实现后台分页”探讨了如何在ExtJS的Grid组件中实现高效的后台分页功能。 后台分页是一种常见的数据处理策略,特别是在大数据量的情况下,它将数据分批加载,避免一次性加载所有记录导致的...
在"Extjs2分页树 带查询功能"这个主题中,我们将深入探讨如何在ExtJS 2.x版本中实现这样一个功能。 首先,我们需要理解树形结构(Tree)在ExtJS中的工作原理。树形组件(Ext.tree.TreePanel)用于展示层次化的数据...
以下是对EXTJS分页后台处理的详细说明: 首先,`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中,`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...
在"extjs2.0 画的一个带查询条件和查询结果的页面"这个主题中,我们主要探讨如何使用ExtJS 2.0版本来设计一个具有搜索功能的用户界面。这个界面包括查询条件输入区域和展示查询结果的区域。 首先,我们需要了解...
通过传参数弹出一个弹出框顶部输入查询条件,下方通过表格展示数据,隐藏了两个,支持三段式赋值,支持分页,支持查询分页,双击后赋值,很方便
总的来说,EXTJS的PagingToolbar虽然默认只传递`start`和`limit`参数,但通过自定义事件监听和参数构建,我们可以灵活地扩展其功能,以满足不同场景下的分页查询需求。这对于处理带有复杂查询条件的大数据集是非常...
Servlet应该能够处理CRUD操作和分页请求,根据请求参数(例如,查询条件、排序字段、分页信息)来查询数据库并返回结果。 在实际开发中,需要结合后台技术(如Java的Spring MVC、PHP的Laravel等)与ExtJS进行交互,...
在“在线SQL查询”这个场景中,ExtJS 被用来构建一个用户界面,允许用户在浏览器中直接执行SQL查询,这对于数据库管理或数据分析来说非常方便。 `Ext.ux.window.VisualSQLQueryBuilder` 是ExtJS的一个扩展组件,...
ExtJS 工具栏分页事件参数使用说明 ExtJS 是一个流行的 JavaScript 框架,用于构建丰富的互联网应用程序。其中,工具栏分页事件参数是一个非常重要的概念,本文将对其进行详细的介绍。 工具栏分页事件参数简介 在...
另外,Hibernate的Criteria API允许我们动态构建查询条件,从而适应不同情况下的分页需求。 在“xxrlmis项目”中,这些技术可能被整合为以下步骤: 1. **前端请求**:ExtJS的Grid Panel向服务器发送包含当前页码和...
对于大量数据的查询,系统可能使用了分页、缓存等技术,减少一次性加载的数据量,提高查询速度,提升用户体验。 9. **单元测试与集成测试**: 作为源码完全版,这套系统应该包含了相应的测试代码,以确保各个模块...
在请求参数中,除了查询条件,还需要提供分页信息。成功响应后,数据通常以JSON格式返回,然后解析并加载到数据存储中。 5. **数据解析**:接收到服务器的响应后,需要使用`Ext.util.JSON.decode`将JSON字符串转换...
1. **数据网格(Data Grid)**:ExtJs的数据网格是一种显示大量结构化数据的组件,它支持分页、排序、筛选等多种功能。数据网格通过绑定到数据源(如Store)来显示数据,并且可以对每列应用不同的渲染和操作。 2. *...
标题中的“ExtJs一张表分页与增删改查”是指使用Ext Js前端框架来实现一个数据表格的分页显示,以及对表格数据进行添加、删除、修改和查询操作的基础功能。这种功能在Web应用程序中非常常见,尤其在管理信息系统中,...
2. **分页和查询功能**:ExtJS提供了内置的分页组件,可以轻松地实现数据网格的分页显示。查询功能可能通过ExtJS的FormPanel和Store的过滤器实现,允许用户根据条件筛选数据。 结合以上信息,我们可以推断出这个...
GridPanel允许我们展示大量数据,并提供了诸如排序、过滤、分页等高级功能。通过设置列宽、可编辑性以及自定义渲染,我们可以使GridPanel看起来和Excel非常相似。 1. **数据绑定与存储**:在模拟Excel时,我们需要...
3. `triggerAction`:控制触发查询的条件,可以是"all"(每次输入都会触发查询)或"query"(输入达到一定长度或用户按下空格键时触发查询)。 4. `minChars`:设置触发查询所需的最少字符数,例如,可以设置为3表示...
8. **搜索性能优化**:在处理大量数据时,可以考虑对树进行分页,或者在搜索时只过滤可视部分的节点,而不是整个树。 9. **事件监听**:EXTJS提供了丰富的事件系统,如beforefilter、filter、load等,可以通过监听...