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'
									}, {

     ok啦!

你可能感兴趣的:(html,ext)