angular 分页

angular.module('AG.app').directive('tmPagination', function () {
return {
restrict: 'EA',
templateUrl: 'common/layout/pager.html',
replace: true,
scope: {
conf: '='
},
link: function (scope, element, attrs) {
var conf = scope.conf;
// 默认分页长度
var defaultPagesLength = 10;

// 默认分页选项可调整每页显示的条数
var defaultPerPageOptions = [10, 20, 50, 100, 500];

// 默认每页的个数
var defaultPerPage = 15;

// 获取分页长度
if (conf.pagesLength) {
// 判断一下分页长度
conf.pagesLength = parseInt(conf.pagesLength, 10);
if (!conf.pagesLength) {
conf.pagesLength = defaultPagesLength;
}

// 分页长度必须为奇数，如果传偶数时，自动处理
if (conf.pagesLength % 2 === 0) {
conf.pagesLength += 1;
}

} else {

conf.pagesLength = defaultPagesLength
}

// 分页选项可调整每页显示的条数
if (!conf.perPageOptions) {
conf.perPageOptions = defaultPerPageOptions;
}

// pageList数组
function getPagination(newValue, oldValue) {

// conf.currentPage
if (conf.currentPage) {
conf.currentPage = parseInt(scope.conf.currentPage, 10);
}

if (!conf.currentPage) {
conf.currentPage = 1;
}

// conf.totalItems
if (conf.totalItems) {
conf.totalItems = parseInt(conf.totalItems, 10);
}

// conf.totalItems
if (!conf.totalItems) {
conf.totalItems = 0;
return;
}

// conf.itemsPerPage
if (conf.itemsPerPage) {
conf.itemsPerPage = parseInt(conf.itemsPerPage, 10);
}
if (!conf.itemsPerPage) {
conf.itemsPerPage = defaultPerPage;
}

// numberOfPages
conf.numberOfPages = Math.ceil(conf.totalItems / conf.itemsPerPage);

// 如果分页总数>0，并且当前页大于分页总数
if (scope.conf.numberOfPages > 0 && scope.conf.currentPage > scope.conf.numberOfPages) {
scope.conf.currentPage = scope.conf.numberOfPages;
}

// 如果itemsPerPage在不在perPageOptions数组中，就把itemsPerPage加入这个数组中
var perPageOptionsLength = conf.perPageOptions.length;

// 定义状态
var perPageOptionsStatus;
for (var i = 0; i < perPageOptionsLength; i++) {
if (conf.perPageOptions[i] == conf.itemsPerPage) {
perPageOptionsStatus = true;
}
}
// 如果itemsPerPage在不在perPageOptions数组中，就把itemsPerPage加入这个数组中
if (!perPageOptionsStatus) {

conf.perPageOptions.push(conf.itemsPerPage);
}

// 对选项进行sort
conf.perPageOptions.sort(function (a, b) {
return a - b
});

// 页码相关
scope.pageList = [];
if (conf.numberOfPages <= conf.pagesLength) {
// 判断总页数如果小于等于分页的长度，若小于则直接显示
for (i = 1; i <= conf.numberOfPages; i++) {
scope.pageList.push(i);
}
} else {
// 总页数大于分页长度（此时分为三种情况：1.左边没有...2.右边没有...3.左右都有...）
// 计算中心偏移量
var offset = (conf.pagesLength - 1) / 2;
offset = Math.ceil(offset);//add by zhaofei 2017.5.24
if (conf.currentPage <= offset) {
// 左边没有...
for (i = 1; i <= offset + 1; i++) {
scope.pageList.push(i);
}
// -----------begin-----------
for (var i = 0; i <= conf.pagesLength - scope.pageList.length - 2; i++) {
scope.pageList.push(scope.pageList[scope.pageList.length - 1] + 1);
}
/*
* 修复分页按钮个数显示不确定bug
* changed by zhaofei 2017.5.23
*/
// -----------end------------
scope.pageList.push('...');
scope.pageList.push(conf.numberOfPages);
} else if (conf.currentPage > conf.numberOfPages - offset) {
scope.pageList.push(1);
scope.pageList.push('...');
// -----------begin-----------
for (i = offset + 1; i >= 1; i--) {
if (conf.pagesLength === scope.pageList.length + 1) {
break;// 限定按钮数量为conf.pagesLength
}
scope.pageList.push(conf.numberOfPages - i);
}
/*修复分页按钮个数显示不确定bug
* changed by zhaofei 2017.5.24
*/
// -----------end------------
scope.pageList.push(conf.numberOfPages);
} else {
// 最后一种情况，两边都有...
scope.pageList.push(1);
scope.pageList.push('...'); //分页bug修复 duguangyan and Ashok 2017/7/3 11:30
// -----------begin-----------
for (i = Math.ceil(offset / 2) - 1; i >= 1; i--) {
var preValue = scope.pageList[scope.pageList.length - 1];
if (i != preValue + 1) {
//scope.pageList.push('...'); //分页bug修复 duguangyan and Ashok 2017/7/3 11:30
}
scope.pageList.push(conf.currentPage - i);
}
scope.pageList.push(conf.currentPage);
for (i = 1; i <= offset / 2; i++) {
scope.pageList.push(conf.currentPage + i);
}

for (var i = 0; i < conf.pagesLength - scope.pageList.length - 2; i++) {
scope.pageList.push(scope.pageList[scope.pageList.length - 1] + 1);
}
/*修复分页按钮个数显示不确定bug
* changed by zhaofei 2017.5.24
*/
// -----------end------------
scope.pageList.push('...');
scope.pageList.push(conf.numberOfPages);
}
}
scope.jumpPageNum=conf.currentPage;//added by zhaoei
/*
分页控件优化，分页控件优化
（1.跳转页数不清空
2.页数连续时，不加...add by zhaofei 2017.6.9
*/
scope.$parent.conf = conf;
}

// prevPage
scope.prevPage = function () {
if (conf.currentPage > 1) {
conf.currentPage -= 1;
}
getPagination();
if (conf.onChange) {
conf.onChange();
}
};

// nextPage
scope.nextPage = function () {
if (conf.currentPage < conf.numberOfPages) {
conf.currentPage += 1;
}
getPagination();
if (conf.onChange) {
conf.onChange();
}
};

// 变更当前页
scope.changeCurrentPage = function (item) {

if (item == '...') {
return;
} else {
conf.currentPage = item;
getPagination();
// conf.onChange()函数
if (conf.onChange) {
conf.onChange(item);
}
}
// scope.$apply();
};

// 修改每页展示的条数
scope.changeItemsPerPage = function () {

// 一发展示条数变更，当前页将重置为1
conf.currentPage = 1;

getPagination();
// conf.onChange()函数
if (conf.onChange) {
conf.onChange();
}
};

// 跳转页
scope.jumpToPage = function () {
var num = scope.jumpPageNum;
if (num && num.match(/\d+/)) {
num = parseInt(num, 10);

if (num && num != conf.currentPage) {
if (num > conf.numberOfPages) {
num = conf.numberOfPages;
}

// 跳转
conf.currentPage = num;
getPagination();
// conf.onChange()函数
if (conf.onChange) {
conf.onChange();
}
//scope.jumpPageNum = '';
/*
分页控件优化，分页控件优化（1.跳转页数不清空
2.页数连续时，不加...commented by zhaofei 2017.6.9
*/
}
}

};

scope.jumpPageKeyUp = function (e) {
var keycode = window.event ? e.keyCode : e.which;
if (keycode == 13) {
scope.jumpToPage();
}
}

scope.$watch('conf.totalItems', function (value, oldValue) {

// 在无值或值相等的时候，去执行onChange事件
if (!value || value == oldValue) {

if (conf.onChange) {
conf.onChange();
}
}
getPagination();
})

}
};

})

/***************************validate**************************/
angular.module('AG.app').directive("validCheck", function () {
return {
restrict: "A",
scope: {
checkValue1: "=",
checkValue2: "=",
textarea1: "=",
textarea2: "="
},
link: function (scope, element, attrs) {

scope.checkValue1 = false;
scope.checkValue2 = false;
scope.textarea1 = true;
scope.textarea2 = true;
//watch productline
scope.$watch("$parent.number1", function (val) {
scope.checkValue1 = val == 1 ? true : false;
})
//watch product
scope.$watch("$parent.number2", function (val) {
scope.checkValue2 = val == 1 ? true : false;
})
scope.$watch("$parent.rejectreason1", function (val) {
/* var reg=new RegExp("[ ,\\`,\\~,\\!,\\@,\#,\\$,\\%,\\^,\\+,\\*,\\&,\\\\,\\/,\\?,\\|,\\:,\\.,\\<,\\>,\\{,\\},\\(,\\),\\'',\\;,\\=,\"]");
var special=reg.test(val);*/
if (val == "" || val == undefined) {
scope.textarea1 = true;
} else {
scope.textarea1 = false;
}
/*scope.special1=special?true:false;*/
})
scope.$watch("$parent.rejectreason2", function (val) {
/*var reg=new RegExp("[ ,\\`,\\~,\\!,\\@,\#,\\$,\\%,\\^,\\+,\\*,\\&,\\\\,\\/,\\?,\\|,\\:,\\.,\\<,\\>,\\{,\\},\\(,\\),\\'',\\;,\\=,\"]");
var special=reg.test(val);*/
if (val == "" || val == undefined) {
scope.textarea2 = true;
} else {
scope.textarea2 = false;
}
/*scope.special2=special?true:false;*/
})
}

}
});

 

转载于:https://www.cnblogs.com/duguangyan/p/7235300.html