PageBar4.0分页控件
PageBar4.0分页控件
tianma3798 发表于2年前
PageBar4.0分页控件
  • 发表于 2年前
  • 阅读 14
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: PageBar4.0分页控件,前台分页控件

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;
}




共有 人打赏支持
粉丝 3
博文 51
码字总数 14935
×
tianma3798
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: