ExtJS实现分页grid paging

本文介绍了如何在ExtJS 4.2中实现分页Grid,包括展示层的配置和数据模型层的设定。通过在Grid的bbar中添加分页控件,并在Store中指定数据总条数的属性,即使面对ExtJS的复杂API,也能帮助开发者理解并实现分页功能。
摘要由CSDN通过智能技术生成

背景

    分页查询在Web页面中比例很大,我自己也写过分页框架,也用过很多第三方分页。

  • 基于jquery的dataTables,那么多例子、清晰API、应用广泛、开源,即使是新手也可以很快上手。

  • ExtJS的分页功能,封装的很简单,因其例子少、API复杂、国内应用较少,往往需要先对ExtJS有整体认识、孰知API之后,才应用自如。感觉比较不易,以至于一个简单的分页功能我也想写下来。

例子

ExtJS版本:4.2

我认为ExtJS也有MVC分层概念,所以接下来会分展示层、数据模型层来描述。

展示层(view),在表格grid中添加分页控件bbar(代码如下)。其中store属性须要替换,不太清楚ExtJS为什么不直接用所在grid的store。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值