[Ext JS Grid] 前端数据分页Grid(内存)

这篇博客探讨了在Ext JS中如何处理前端数据分页的问题,特别是使用内存数据时。作者首先指出了直接使用内存数据导致的分页问题,然后介绍了Ext.ux.data.PagingMemoryProxy和Ext.data.proxy.Memory的使用,展示了正确实现分页的方法。当数据动态添加或修改时,发现常规方法无法更新分页工具栏,解决方案是在添加数据后重新设置Grid的Store。结论强调在动态数据场景下,必须使用setStore来保持分页工具栏的正确显示。
摘要由CSDN通过智能技术生成

在后端数据接口中, 根据page、start和limit 这三个参数, 返回对应页数的数据。
完整的参见: [Ext JS Grid] 后端数据分页Store Grid

但是如果使用的是memory等类型的前端数据时,数据是一开始就全部初始化好了的, 分页要怎样处理呢?

前端数据(内存)的Grid 分页 - 非正确使用

构造数组:

            var users = [];
            for (var i = 0; i < 102; i++) {
                users.push({ name: 'user' + (i+1) });
            }

Grid定义如下:

            Ext.create('Ext.panel.Panel', {
                title: '前端内存分页-非正确使用',
                items: {
                    xtype: 'grid',
                    height: 400,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值