Ext 本地数据 分页 grid

本人最近在写一个用Ext来做前端的项目,由于是首次是首次使用Ext,在写项目的中途可谓是坎坷和艰辛。昨天遇到一个把前台的数据展现在Grid中,可是发现分页时出现了问题,即虽然Ext.PagingToolbar中可以显示条数和页数,但是所有的数据都一下展现出来,根本都达不到分页的效果,最终找了很多资料才得以解决,现将解决方法共享出来:
所谓前台排序是指一次性从后台把所有的数据都读取到客户端,然后由客户端自动判断每次显示多少条数据。这样,分页时就不用再去后台读取数据了,这对于小数据量的分页是非常有利的。
不过,Ext里面并没有提供这样的功能,Grid仅仅把得到的数据一次性的显示到表格里面,无论pageSize设置多少都不会起作用。
虽然Ext并没有直接为我们提供这样的内存分页功能,但是Ext中有个PagingMemoryProxy.js的扩展,它可以让我们从本地数组读取数据,并且实现内存分页,具体使用步骤如下所示:
(1):将PagingMemoryProxy.js复制到你的项目中,并导入到html中
<script type="text/javascript" scr="……"></script>
(2):把以前的MemoryProxy换成PagingMemoryProxy
 var store = new Ext.data.Store({
autoLoad:{params:{start:0,limit:4}},
proxy : new Ext.data.PagingMemoryProxy(people),
reader : new Ext.data.JsonReader({
root : 'coders'
}, [{
name : 'sno'
}, {
name : 'name'
}, {
name : 'sex'
}, {[code="java"]
[/code]
ok啦!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值