`
gonglil
  • 浏览: 32074 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

ExtJS PagingToolbar分页显示不正确的问题

 
阅读更多

最近在做一个项目的时候,前端用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 TreeStore+pagingToolbar 分页

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

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

    在EXTJS中,PagingToolbar 是一个非常实用的组件,用于在大数据集上实现分页显示,提升用户体验。然而,在实际使用过程中,我们可能会遇到一些问题,比如在点击“下一页”按钮时,加载的数据与预设的查询条件不符。...

    extjs 分页

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

    ExtJS 自定义分页控件---- PM3PagingToolbar.js

    非传统分页工具. 简单说明下: 显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号, 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能....

    ExtJs自定义分页控件----PM3PagingToolbar.js

    非传统分页工具. 简单说明下: 显示第一页与最后一页....因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道.

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

    分页组件在EXTJS中通常由PagingToolbar提供,这是一个放置在Grid或TreePanel底部的工具栏,包含了导航按钮和页码显示。在Combobox中实现分页,我们需要自定义Combobox的行为,使其能够与PagingToolbar协同工作。 `...

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

    在Extjs中使用`pagingtoolbar`组件进行分页操作时,通常情况下,当我们点击“下一页”,`store`会自动加载数据。但是,默认情况下`store`只传递了`start`和`limit`两个参数,这意味着如果之前进行了某种查询(例如...

    extjs 简单分页例子

    EXTJS通过其Grid组件支持分页,Grid组件是一个可配置的表格视图,能够显示大量数据并进行排序、筛选和分页操作。 首先,我们需要创建一个EXTJS Grid组件。在JS文件中,定义Grid的基本配置,包括列模型(column ...

    Extjs grid分页1

    在ExtJS中,Grid的分页通常是通过`Ext.grid.Panel`的`pagingToolbar`配置实现的。`pagingToolbar`是一个包含导航按钮(如“上一页”、“下一页”)和当前页信息的工具栏,它与数据源(通常是`Ext.data.Store`)关联...

    Extjs树分页组件扩展

    "Extjs树分页组件扩展"就是为了解决这一问题而设计的,它通过扩展TreeLoader和PagingToolbar,实现了在树形组件中进行分页加载的效果。 **TreeLoader的扩展** TreeLoader是ExtJS中负责异步加载树节点的类。在原生...

    extJs之分页控件

    在ExtJS中,分页主要通过Store对象与Grid配合完成,Store负责数据的加载和管理,而Grid则负责数据显示。分页功能可以通过设置Store的`paging`配置项来启用,例如: ```javascript var store = Ext.create('Ext.data...

    ExtJS .net分页例子

    ### ExtJS .Net 分页示例详解 #### 标题:ExtJS .Net分页例子 根据提供的标题“ExtJS .Net分页例子”,本文将详细介绍如何在.NET平台下使用ExtJS实现数据分页功能。ExtJS是一款强大的JavaScript库,用于构建复杂的...

    extjs后台分页实例

    在ExtJS中,分页主要通过`Ext.grid.Panel`组件的`pagingToolbar`来实现。`pagingToolbar`提供了分页控件,用户可以通过点击页码或使用导航按钮来切换页面。分页的核心配置项包括`store`和`proxy`。`store`是数据存储...

    Extjs2分页树 带查询功能

    4. **分页工具栏**:创建一个PagingToolbar,设置它的store为我们的分页树存储,并根据需要添加额外的分页按钮和显示信息。 5. **加载和渲染**:将树存储与树面板(TreePanel)关联,配置其根节点,然后根据分页和...

    extjs前台分页插件PagingStore!

    3. **分页栏(Paging Toolbar)**:PagingStore通常与PagingToolbar组件一起使用,PagingToolbar提供了导航按钮(如“上一页”、“下一页”)和页码显示,用户可以通过交互来切换页面。 4. **数据加载和更新**:当...

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

    `Ext.PagingToolbar`用于在界面上显示分页控件。配置项包括`pageSize`(每页显示的记录数)、`store`(关联的`Store`对象)、`displayInfo`(是否显示分页信息)以及`displayMsg`(自定义分页信息格式)。`emptyMsg...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...

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

    分页功能由`pagingToolbar`提供,它可以附加到Grid的底部。在Store中,设置`pageSize`属性定义每页显示的记录数,`remoteSort`和`remoteFilter`属性确保排序和过滤在服务器端进行。分页工具栏的`store`属性应链接到...

    Ext JS PagingToolbar 组件

    Ext JS PagingToolbar组件是用于实现数据分页显示的重要工具,尤其在处理大量数据时非常有用。它提供了一种用户友好的界面,使用户能够轻松浏览和导航大量的信息。PagingToolbar通常与Ext JS的数据存储(如Store)和...

    Extjs 4.0 MVC分页实例

    从模型定义数据结构,到存储管理数据加载和分页,再到视图的展示和控制器的事件处理,每个部分都扮演着不可或缺的角色。这样的设计使得代码更易于维护和扩展,同时也提高了应用的可读性和复用性。

Global site tag (gtag.js) - Google Analytics