`
hongyongqq
  • 浏览: 28841 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Extjs 分页原理

阅读更多
在使用分页时,前天代码基本没错,但是分页就是不成功,而是一直是不变化,全部加载

原因是没有搞懂怎么分页的

Extjs分页是根据
store.load({params:{start:0,limit:10}}); 中start,limit这两个参数来进行分页的。
start表示开始记录数,limit表示一页的记录数。
当store第一次load的时候,start=0,limit=10;
当点击翻页按钮时,store进行load,此时 start=start+pageSize。如果pageSize=10,那么第二页start=10。


store.load({params:{start:0,limit:10}}); 后台可以一次性的将所有的记录查找出来然后根据start,limit的值每次返回的Json串。
也可以根据start和limit的值每一页进行一次查询。为了分页Json串中要加上total表示记录的总条数。

totalProperty:'total', 很重要,主要是pagingbar中从后台返回的json中得到总共数据

后台的返回json中必须包含有total字段

string json = "{'total':"+count+",'root':[{},{}]";

Ext.data.Store里baseParams与Store.load({params:{}})的区别:   
 
     baseParams里的参数是一直存在的,而params里的参数,只有load时   
     才会传递过去,当调用reload时参数就不存在了  
分享到:
评论

相关推荐

    extjs 树型分页组件

    1. 树型分页原理 树型分页不同于传统的表格分页,因为它需要处理的是树状结构的数据。在EXTJS中,树型分页通过只加载当前可视区域的节点来优化性能。当用户滚动或展开树节点时,新的数据才会被请求并加载到视图中。...

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

    总结来说,实现ExtJS分页查询的关键在于前端和后端的协同工作。前端通过Store、Proxy和Paging Toolbar处理用户交互,后端通过Servlet接收请求,执行数据库操作,并返回符合约定的数据格式。通过这种方式,可以有效地...

    EXTJS分页全面分析

    ### EXTJS分页全面分析 在本篇内容中,我们将深入了解EXTJS中`GridPanel`分页技术的具体实现方法,并通过实例代码详细解析其工作原理和技术要点。 #### 一、EXTJS GridPanel分页概述 在EXTJS框架中,`GridPanel`...

    extjs前台分页插件PagingStore!

    ExtJS的PagingStore是其框架中用于实现前端分页功能的重要组件,主要适用于处理大量数据的场景,以提高网页性能并提供良好的用户体验。在ExtJS 3.x版本中,PagingStore是与GridPanel结合使用,使得用户可以逐页加载...

    Extjs2分页树 带查询功能

    首先,我们需要理解树形结构(Tree)在ExtJS中的工作原理。树形组件(Ext.tree.TreePanel)用于展示层次化的数据,每个节点可以有子节点,形成一个可折叠、可展开的树形结构。树节点通常包含ID、文本、图标等属性,...

    extjs+php分页例子

    1. **ExtJS分页组件**:ExtJS的GridPanel组件是展示数据的常用方式,它内置了分页功能。通过配置store(数据存储)中的paging参数,可以启用分页。例如,设置`paging: true`开启分页,然后通过`proxy`配置项连接到...

    ExtJs3.* 分页树 Ext.ux.tree.PagingTreeLoader

    ExtJs 3.x 分页树(Ext.ux.tree.PagingTreeLoader)是一个强大的扩展,它在处理大量数据时尤其有用,因为树形结构通常需要显示大量的层级和节点。这个组件引入了分页功能,允许用户逐步加载树节点,而不是一次性加载...

    Ext前台分页

    本篇文章将详细讲解基于Ext JS框架实现前台分页的原理和方法。 首先,理解“前台分页”概念。前台分页指的是在客户端,即用户的浏览器端进行数据的分页处理,而不是在服务器端。这种方式的优点是减少了服务器的负载...

    ASP.NET结合ExtJs+WCF+LINQ实现的分页Grid列表

    在本示例中,它与ExtJs、WCF(Windows Communication Foundation)和LINQ(Language Integrated Query)相结合,实现了一个分页Grid列表,这是一个高效且用户友好的数据展示方案。 ExtJs是一个流行的JavaScript库,...

    extjs3.0 组件

    课程中的大量demo 将帮助你更好地掌握每个组件的用法,加深对EXTJS 工作原理的理解。你可以通过运行这些示例,亲自调整参数,观察结果,从而提升自己的EXTJS 开发技能。 总的来说,EXTJS 3.0 的核心组件是构建现代...

    动画效果的grid分页

    总的来说,实现动画效果的grid分页需要深入理解ExtJS的Grid组件、分页机制和动画原理,通过自定义组件和扩展功能,我们可以创建出更加生动和交互性强的Web应用。这不仅可以提高用户的使用体验,也有助于提升应用的...

    extjs4中文文档

    这个中文文档是EXTJS4的官方文档翻译版,为开发者提供了详细的API参考和教程,帮助理解EXTJS4的各种组件、功能和工作原理。 EXTJS4的核心特性包括: 1. **组件化**:EXTJS4引入了基于MVC(Model-View-Controller)...

    Extjs4.0、Extjs3.0教程CHM版和PDF版,中文版API

    尽管版本较旧,但3.0仍然是许多项目的基础,理解其工作原理对维护旧代码或迁移至新版本是必要的。在3.0中,组件模型相对简单,但依然提供了丰富的功能。例如,Grid组件是数据展示的核心,支持分页、排序、过滤等多种...

    轻松搞定Extjs

    - **Ajax**: 简介了Ajax的基本原理及其在Extjs中的应用。 - **Ext.Ajax类**: 详细介绍了Extjs中用于发起Ajax请求的方法。 - **Ajax文件上传**: 展示了如何使用Extjs实现文件的异步上传功能。 #### 分页与ComboBox ...

    extjs3.0开发包含示例api

    EXTJS 3.0的源文件对于深入理解框架的内部工作原理至关重要。源文件包括JavaScript库、CSS样式文件、图片资源等,开发者可以通过阅读源码来学习EXTJS的设计模式和最佳实践。 1. **JavaScript库**:EXTJS的核心库...

    ExtJs官网2.3.0开发包

    ExtJS是一个广泛使用的JavaScript库...通过深入学习和实践,开发者可以掌握JavaScript编程、前端框架设计以及数据驱动应用的基本原理。而这些技能对于理解现代前端框架,如React、Vue或Angular,也有着重要的铺垫作用。

    ExtJS4.2源码+实例

    4. **本地及远程分页**:ExtJS 支持两种分页模式:本地分页和远程分页。本地分页适用于数据量较小的情况,而远程分页则通过向服务器发送请求来获取数据,适合大数据集的场景。 5. **单元格自定义渲染**:开发者可以...

    资料:包括extjs2.0源码

    通过深入理解EXTJS 2.0的源码,我们可以更好地掌握其工作原理,优化性能,并为自己的项目提供自定义解决方案。 1. **组件化设计**:EXTJS 2.0采用组件化的设计理念,将网页元素如按钮、表格、面板等视为独立的组件...

    extjs多选下拉框

    下面将详细解释EXTJS多选下拉框的实现原理和相关知识点。 首先,EXTJS的ComboBox组件本身是单选的,但通过扩展和自定义,可以实现多选功能。`lovcombo.js`文件很可能包含了实现这一功能的代码,其中可能包括了对...

Global site tag (gtag.js) - Google Analytics