最近在做一个项目的时候,前端用EXTJS的PagingToolbar来做的分页,简单的代码如下:、
new Ext.PagingToolbar( { displayInfo : true, emptyMsg : '没有数据显示', displayMsg : '显示第 {0} 条数据到 {1} 条数据,共 {2} 条数据', store : this.store, pageSize : 15, plugins : [ this.filters ] //过滤页面只显示哪些列 }) filters : new Ext.ux.grid.GridFilters( {// 过滤页面只显示哪些列 encode : true, filters : [ {type : 'string',dataIndex : 'bizname'}, {type : 'string',dataIndex : 'synrdiff'}, {type : 'string',dataIndex : 'SYNRTIME'}, {type : 'string',dataIndex : 'SYNRSUCCESS'}, {type : 'string',dataIndex : 'SYNRFAILED'}, {type : 'string',dataIndex : 'SYNRSIDE'} ] })
后台用的hibernate的分页,简单的代码如下:
Query query = null; session = super.getSession(); // query = session.createSQLQuery(hql); query = session.createSQLQuery(hql).addScalar("SSUCCESS", Hibernate.INTEGER).addScalar("SNUM", Hibernate.INTEGER). addScalar("SYNRFAILED", Hibernate.INTEGER).addScalar("SYNRTIME", Hibernate.DATE).addScalar("SYNRDIFF", Hibernate.STRING); query.setFirstResult(start); query.setMaxResults(limit); list = query.list(); total = list.size(); StringBuffer sb = new StringBuffer("{total:\""); sb.append(total).append("\",data:["); //这里只是简单的代码呈现
注意前台设置的pageSize=15,而我后面的total为list的size,所以如果数据大于15条的话,就只显示15条,而小于15条的时候是可以正确的显示的,这个问题开始的时候困挠了我很久,最后,在检查代码时候发现,这里的total是不能为list的size的,只能为SQL语句查询时候的数据量。这里设置了maxResults,所以total最大值为15,所以只能显示为1页。
相关推荐
ExtJS提供了一个名为pagingToolbar的组件,可以轻松地与数据存储(如TreeStore)集成,实现分页效果。 1. **TreeStore基础**: TreeStore 是 ExtJS 的一种数据存储类,它专门用来处理树状结构的数据。它可以连接到...
在EXTJS中,PagingToolbar 是一个非常实用的组件,用于在大数据集上实现分页显示,提升用户体验。然而,在实际使用过程中,我们可能会遇到一些问题,比如在点击“下一页”按钮时,加载的数据与预设的查询条件不符。...
在EXTJS中,分页是实现大数据量展示时不可或缺的功能,它能有效地提高网页性能,减少服务器压力。EXTJS分页通常与数据访问对象(DAO)和动作控制器(Action)结合使用,形成一个完整的数据获取和展示流程。下面将...
非传统分页工具. 简单说明下: 显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号, 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能....
非传统分页工具. 简单说明下: 显示第一页与最后一页....因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道.
分页组件在EXTJS中通常由PagingToolbar提供,这是一个放置在Grid或TreePanel底部的工具栏,包含了导航按钮和页码显示。在Combobox中实现分页,我们需要自定义Combobox的行为,使其能够与PagingToolbar协同工作。 `...
在Extjs中使用`pagingtoolbar`组件进行分页操作时,通常情况下,当我们点击“下一页”,`store`会自动加载数据。但是,默认情况下`store`只传递了`start`和`limit`两个参数,这意味着如果之前进行了某种查询(例如...
EXTJS通过其Grid组件支持分页,Grid组件是一个可配置的表格视图,能够显示大量数据并进行排序、筛选和分页操作。 首先,我们需要创建一个EXTJS Grid组件。在JS文件中,定义Grid的基本配置,包括列模型(column ...
在ExtJS中,Grid的分页通常是通过`Ext.grid.Panel`的`pagingToolbar`配置实现的。`pagingToolbar`是一个包含导航按钮(如“上一页”、“下一页”)和当前页信息的工具栏,它与数据源(通常是`Ext.data.Store`)关联...
"Extjs树分页组件扩展"就是为了解决这一问题而设计的,它通过扩展TreeLoader和PagingToolbar,实现了在树形组件中进行分页加载的效果。 **TreeLoader的扩展** TreeLoader是ExtJS中负责异步加载树节点的类。在原生...
在ExtJS中,分页主要通过Store对象与Grid配合完成,Store负责数据的加载和管理,而Grid则负责数据显示。分页功能可以通过设置Store的`paging`配置项来启用,例如: ```javascript var store = Ext.create('Ext.data...
### ExtJS .Net 分页示例详解 #### 标题:ExtJS .Net分页例子 根据提供的标题“ExtJS .Net分页例子”,本文将详细介绍如何在.NET平台下使用ExtJS实现数据分页功能。ExtJS是一款强大的JavaScript库,用于构建复杂的...
在ExtJS中,分页主要通过`Ext.grid.Panel`组件的`pagingToolbar`来实现。`pagingToolbar`提供了分页控件,用户可以通过点击页码或使用导航按钮来切换页面。分页的核心配置项包括`store`和`proxy`。`store`是数据存储...
4. **分页工具栏**:创建一个PagingToolbar,设置它的store为我们的分页树存储,并根据需要添加额外的分页按钮和显示信息。 5. **加载和渲染**:将树存储与树面板(TreePanel)关联,配置其根节点,然后根据分页和...
3. **分页栏(Paging Toolbar)**:PagingStore通常与PagingToolbar组件一起使用,PagingToolbar提供了导航按钮(如“上一页”、“下一页”)和页码显示,用户可以通过交互来切换页面。 4. **数据加载和更新**:当...
`Ext.PagingToolbar`用于在界面上显示分页控件。配置项包括`pageSize`(每页显示的记录数)、`store`(关联的`Store`对象)、`displayInfo`(是否显示分页信息)以及`displayMsg`(自定义分页信息格式)。`emptyMsg...
在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...
分页功能由`pagingToolbar`提供,它可以附加到Grid的底部。在Store中,设置`pageSize`属性定义每页显示的记录数,`remoteSort`和`remoteFilter`属性确保排序和过滤在服务器端进行。分页工具栏的`store`属性应链接到...
Ext JS PagingToolbar组件是用于实现数据分页显示的重要工具,尤其在处理大量数据时非常有用。它提供了一种用户友好的界面,使用户能够轻松浏览和导航大量的信息。PagingToolbar通常与Ext JS的数据存储(如Store)和...
从模型定义数据结构,到存储管理数据加载和分页,再到视图的展示和控制器的事件处理,每个部分都扮演着不可或缺的角色。这样的设计使得代码更易于维护和扩展,同时也提高了应用的可读性和复用性。