PageBar4.0分页控件

原创
2015/12/08 18:31
阅读数 49

gitHub下载地址:

https://github.com/tianma3798/PageBar

/*
* 自定义 分页控件 url 传参,后台刷新模式
* 4.0
* 1.修改 组切换bug
* 2.添加绿色样式
* 3.修改已有样式,放弃方形显示原则
* 4.添加第一页、最后一页、数据总数、页面总数显示
* 5.添加 ‘bluePager’---小型蓝色
* 6.添加less问价样式编写
* 7.添加‘singleShow’ 属性
*/

1.蓝色小按钮

var pageOne = $('#pageOne').pageBar({
    pageIndex: '<%=pageIndex%>',
    pageSize: '<%=pageSize%>',
    recordCount: '<%=recordCount%>',
    showType:'bluePager',
    submitEvent: function (index) {
        goToIndex(index);
    }
});
//分页按钮事件
function goToIndex(index) {
    var loc = window.location;
    var url = 'http://' + loc.host + loc.pathname + '?pageIndex=' + index;
    location.href = url;
}

2.绿色中按钮

var pageOne = $('#pageOne').pageBar({
    pageIndex: '<%=pageIndex%>',
    pageSize: '<%=pageSize%>',
    recordCount: '<%=recordCount%>',
    showType: 'greenPager',
    submitEvent: function (index) {
        goToIndex(index);
    }
});
//分页按钮事件
function goToIndex(index) {
    var loc = window.location;
    var url = 'http://' + loc.host + loc.pathname + '?pageIndex=' + index;
    location.href = url;
}

3.黄色大按钮

var pageOne = $('#pageOne').pageBar({
    pageIndex: '<%=pageIndex%>',
    pageSize: '<%=pageSize%>',
    recordCount: '<%=recordCount%>',
    submitEvent: function (index) {
        goToIndex(index);
    }
});
//分页按钮事件
function goToIndex(index) {
    var loc = window.location;
    var url = 'http://' + loc.host + loc.pathname + '?pageIndex=' + index;
    location.href = url;
}




展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部