扩展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的功能比较简单,但是,可以很轻易根据需要添加更多的功能。

你可能感兴趣的:(JavaScript,工作,DWR,dojo)