扩展Dojo 0.9之Paginator

表格分页是十分常用的功能,ExtJs的分页做的非常Cool,但是,由于更欣赏dojo按需装载的机制和扩展性,所以决定在dojo0.9的基础上做一个Paginator widget。
下面是截图,没有和table相结合的。

这个widget在使用上是非常灵活的:
1.告诉Paginator查询函数:
js 代码
 
  1. var paginator = dijit.byId('rolesPaginator');  
  2.     if(paginator) {  
  3.         paginator.pagingFunction = function(args) {  
  4.            UserManager.queryRoles(UserManager.userId, args.pageNo);  
  5.         };  
  6.     }  

2.然后在查询函数中更新Paginator的参数:
js 代码
 
  1. UserManager.queryRoles = function(userId, pageNo) {  
  2.     UserRoleAction.getRolesOfUser(userId, pageNo, UserManager.pageSize,   
  3.              function(page) { //Dwr will call this function when query roles successfully.  
  4.               
  5.             var paginator = dijit.byId('rolesPaginator');  
  6.             //refresh paginator.  
  7.             if(paginator) {  
  8.                 paginator.setParams({  
  9.                          pageNo    : page.pageNo,  
  10.                          totalCount: page.rows,  
  11.                          pageSize  : UserManager.pageSize });    
  12.             }      
  13.         });  
  14. };  
这样Paginator就可以工作了,你可以在查询函数中同时更新Table或其他显示查询结果的节点。
Paginator的功能比较简单,但是,可以很轻易根据需要添加更多的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值