`
feidaozhou
  • 浏览: 14018 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

使ExtJs分页栏传回更多的信息

阅读更多
在我的项目中很多时候都要求,分页栏上展示的并不是简简单单'Displaying {0} - {1} of {2}'也就是'显示1到15条,一页100条'这样的模式,我们需要更多的信息,比如:总计多少金额,统计条件之类的信息。

我们知道Store里的数据是从Reader里获取的数据的,所以我们首先要修改JsonReader的源码使json可以完整的传递到Store。
首先我们修改readRecords的read方法使json可以向下传递,我们为readRecords方法添加一个json的参数
return this.readRecords(o,json);

readRecords : function(o,json)

在readRecords的返回值里添加
json : json,

使得我们可以在Store中取到json的值

然后我们在Store的loadRecords方法中添加
this.json = o.json;

为store的json变量赋值。

这样我们就可以在Store中取到完整的json了,在使用中我们只要获得这个json并解析它就可以了
var o = eval("("+this.json+")");
alert(o['dateProperty']);
alert(o['numProperty']);
分享到:
评论

相关推荐

    extjs 分页

    在EXTJS中,分页是实现大数据...综上所述,EXTJS的分页功能是通过Store、Grid、Paging Toolbar、DAO和Action等多个组件协作完成的。理解并熟练掌握这些组件的使用,能够帮助我们构建高效、用户体验良好的数据展示应用。

    extjs 树型分页组件

    同时,EXTJS还支持数据过滤和排序,结合分页使用可以提供更好的用户体验。 7. 示例代码 创建一个树型分页组件的基本步骤如下: ```javascript var store = Ext.create('Ext.data.TreeStore', { model: '...

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

    在开发基于Extjs的应用程序时,分页是一项常用且重要的功能。然而,在实际应用过程中可能会遇到一些问题,比如当用户点击“下一页”时,原有的查询条件未能正确传递到后端,导致返回的数据与预期不符。本文将详细...

    extjs 简单分页例子

    在这个“EXTJS简单分页例子”中,我们将深入探讨EXTJS如何实现分页功能,以及如何与后台进行交互。 分页是Web应用中常见的数据展示方式,尤其在处理大量数据时,它可以提高页面加载速度并提供良好的用户体验。EXTJS...

    SSH+ExtJs分页小例子

    在这个"SSH+ExtJs分页小例子"中,我们将探讨如何将这两种技术结合实现数据分页显示。 首先,我们来看NewsDAO.java文件。这个文件包含了两个关键方法:`findPageAll`和`totalRecord`。`findPageAll`方法实现了分页...

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

    实际应用中,可能还需要处理更多的细节,如错误处理、动态加载列等。对于初学者来说,理解这些核心概念并结合具体的代码示例进行实践,能有效提升ExtJS开发能力。在阅读这篇博客时,可以参照给出的"extgrid"文件,...

    Extjs grid分页1

    4. **自定义分页**:如果需要更复杂的分页逻辑,例如服务器端分页,可以自定义`proxy`的`load`方法,将`start`和`limit`参数(分别表示起始位置和每页记录数)传递给服务器,服务器返回对应页的数据。 5. **事件...

    extjs学习 分页后台处理

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

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

    因此,引入分页机制可以有效地解决这个问题,只在用户需要时加载更多数据。 首先,我们需要了解EXTJS 4.2中的Combobox组件。Combobox是EXTJS中的一种表单字段,它结合了文本输入框和下拉菜单,允许用户从预定义的...

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

    在本文中,我们将探讨如何使用ExtJS框架结合Java实现数据库数据的分页查询。ExtJS是一个强大的JavaScript库,常用于构建桌面级的Web应用程序,而Java则是一种广泛使用的后端开发语言,常用于处理服务器端逻辑。在这...

    ExtJs分页

    ExtJS 分页是一种在Web应用中管理大量数据的常见技术,尤其在与Spring MVC框架集成时,能够提供高效的数据展示和交互。在ExtJS中,分页通常与数据网格(Grid)组件一起使用,用于显示从后端服务(如SQL Server 2008...

    EXTJS分页全面分析

    分页工具栏提供了分页导航和显示当前页信息等功能: ```javascript var pagebar = new Ext.PagingToolbar({ store: store, pageSize: 10, displayInfo: true, displayMsg: 'ҳʾ{0}{1}ļ¼һ{2}', emptyMsg: '...

    Extjs chekboxtree PagingTreeLoader 多选、分页

    本篇将深入探讨ExtJS中的"Chekboxtree"(复选框树)与"PagingTreeLoader"(分页树加载器)这两个特性,以及如何结合它们实现多选和分页功能。 "Chekboxtree"是ExtJS中的一种特殊树形组件,它允许用户通过复选框选择...

    ExtJS 工具栏 分页事件参数

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

    Extjs grid分页多选记忆功能

    很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...

    Extjs树分页组件扩展

    PagingToolbar是ExtJS中的分页工具栏,通常用于表格组件(GridPanel)的底部,提供页码导航和信息显示。在树分页组件中,同样需要这样一个工具栏来控制分页操作。扩展PagingToolbar,我们需要将它的功能适配到树形...

    extjs增删改查分页树

    extjs增删改查分页树

    extJs之分页控件

    在ExtJS中,分页控件(Pagination)是数据展示模块的重要组成部分,它允许用户以多页形式浏览大量的数据,提高用户体验并优化页面加载性能。在本案例中,我们关注的是"extJs之分页控件",这将涉及如何使用ExtJS实现...

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

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

    Extjs TreeStore+pagingToolbar 分页

    pagingToolbar 是 ExtJS 提供的一个工具栏组件,用于展示分页控件,如页码、跳转按钮等。要将其与TreeStore关联,可以将TreeStore添加到pagingToolbar的`store`配置中: ```javascript var pagingToolbar = new ...

Global site tag (gtag.js) - Google Analytics