扩展Dojo 0.9之Paginator

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

这个widget在使用上是非常灵活的：
1.告诉Paginator查询函数：

js 代码

var paginator = dijit.byId('rolesPaginator');
    if(paginator) {
        paginator.pagingFunction = function(args) {
           UserManager.queryRoles(UserManager.userId, args.pageNo);
        };
    }

2.然后在查询函数中更新Paginator的参数：

js 代码

UserManager.queryRoles = function(userId, pageNo) {
    UserRoleAction.getRolesOfUser(userId, pageNo, UserManager.pageSize,
             function(page) { //Dwr will call this function when query roles successfully.

            var paginator = dijit.byId('rolesPaginator');
            //refresh paginator.
            if(paginator) {
                paginator.setParams({
                         pageNo    : page.pageNo,
                         totalCount: page.rows,
                         pageSize  : UserManager.pageSize });
            }
        });
};

这样Paginator就可以工作了，你可以在查询函数中同时更新Table或其他显示查询结果的节点。
Paginator的功能比较简单，但是，可以很轻易根据需要添加更多的功能。

评论

4 楼 senlinxue1982 2008-07-28  

不懂dojo~

3 楼 鹤惊昆仑 2008-01-19  

1.告诉Paginator查询函数
2.然后在查询函数中更新Paginator的参数

cats_tiger已经说的非常清楚了。

pagingFunction: function(args) {
	 return this.query(args.pageNo, this.grid.model.store.getPageSize());
}

query: function query(/*number*/pageNo, /*number*/pageSize) {
	var me = this;
	this.setParams({pageNo    : pageNo,
		                  totalCount: me.grid.model.store.getCount(),
		                 pageSize  : pageSize });  
	return this.params;  
},

2 楼 advancegongyu 2008-01-10  

大哥，我找不到你的联系方式,能不能加我QQ啊？79666049,谢谢

1 楼 advancegongyu 2008-01-10  

楼主，请教下Dojo Grid的问题 我用的版本是1.0.2
如何把你的这个分页器和Dojo Grid结合使用啊，请指教下啊？
谢谢