github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

优化分页插件： 

1、首页 和 尾页的 显示方式（将首页和尾页加入 layout参数中）
2、分隔符按钮增加点击（...按钮）
3、当前页已经是首页或者尾页时，首页尾页不可点击（class包含disabled不可点击）
pull/58/head
hurui 2017-09-02 19:30:07 +08:00
parent 179a188792
commit 850fcc0c5a
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/lay/modules/laypage.js
View File

@ -77,8 +77,13 @@ layui.define(function(exports){
//试图片段
,views = {
//首页
first: function () {
return config.first ? '<a href="javascript:;" class="layui-laypage-first' + (config.curr == 1 ? (' ' + DISABLED) : '')+'" data-page="1" title="&#x9996;&#x9875;">' + (config.first || 1) + '</a>' : '';
}()
//上一页
prev: function(){
,prev: function(){
return config.prev
? '<a href="javascript:;" class="layui-laypage-prev'+ (config.curr == 1 ? (' ' + DISABLED) : '') +'" data-page="'+ (config.curr - 1) +'">'+ config.prev +'</a>'
: '';
@ -94,9 +99,9 @@ layui.define(function(exports){
}
//首页
if(index > 1 && config.first !== false && groups !== 0){
pager.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="&#x9996;&#x9875;">'+ (config.first || 1) +'</a>');
}
//if(index > 1 && config.first !== false && config.groups !== 0){
// pager.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="&#x9996;&#x9875;">'+ (config.first || 1) +'</a>');
//}
//计算当前页码组的起始页
var halve = Math.floor((groups-1)/2) //页码数等分
@ -113,7 +118,7 @@ layui.define(function(exports){
//输出左分割符
if(config.first !== false && start > 2){
pager.push('<span class="layui-laypage-spr">&#x2026;</span>')
pager.push('<a class="layui-laypage-spr" href="javascript:;" data-page="' + (config.curr - 2) + '">&#x2026;</a>')
}
//输出连续页码
@ -129,11 +134,11 @@ layui.define(function(exports){
//输出输出右分隔符 & 末页
if(config.pages > groups && config.pages > end && config.last !== false){
if(end + 1 < config.pages){
pager.push('<span class="layui-laypage-spr">&#x2026;</span>');
}
if(groups !== 0){
pager.push('<a href="javascript:;" class="layui-laypage-last" title="&#x5C3E;&#x9875;" data-page="'+ config.pages +'">'+ (config.last || config.pages) +'</a>');
pager.push('<a class="layui-laypage-spr" href="javascript:;" data-page="' + (config.curr + 2) + '">&#x2026;</a>');
}
//if(groups !== 0){
// pager.push('<a href="javascript:;" class="layui-laypage-last" title="&#x5C3E;&#x9875;" data-page="'+ config.pages +'">'+ (config.last || config.pages) +'</a>');
//}
}
return pager.join('');
@ -146,6 +151,10 @@ layui.define(function(exports){
: '';
}()
//末页
,last: function () {
return config.last ? '<a href="javascript:;" class="layui-laypage-last' + (config.curr == config.pages ? (' ' + DISABLED) : '') + '" title="&#x5C3E;&#x9875;" data-page="' + config.pages + '">' + (config.last || config.pages) + '</a>' : '';
}()
//数据总数
,count: '<span class="layui-laypage-count">共 '+ config.count +' 条</span>'
@ -210,7 +219,7 @@ layui.define(function(exports){
if(childs[i].nodeName.toLowerCase() === 'a'){
laypage.on(childs[i], 'click', function(){
var curr = this.getAttribute('data-page')|0;
if(curr < 1 || curr > config.pages) return;
if(curr < 1 || curr > config.pages || this.className.indexOf('disabled') > 0) return;
config.curr = curr;
that.render();
});