Delete pager-rename.js

This commit is contained in:
mkwiser
2016-01-06 00:16:33 +08:00
parent 41d66374d4
commit 8e9695cc5b

View File

@@ -1,132 +0,0 @@
/**
* @file 分页组件
* @author mengke01(kekee000@gmail.com)
*/
define(
function (require) {
var observable = require('common/observable');
var i18n = require('../i18n/i18n');
var PAGER_TPL = ''
+ '<button data-pager="prev" type="button" class="btn btn-flat btn-new btn-sm">'
+ i18n.lang.prevpage + '</button>'
+ '<input data-pager="text" type="text" class="form-control">'
+ '<span data-pager="info"></span>'
+ '<button data-pager="goto" type="button" class="btn btn-flat btn-new btn-sm">'
+ i18n.lang.gotopage + '</button>'
+ '<button data-pager="next" type="button" class="btn btn-flat btn-new btn-sm">'
+ i18n.lang.nextpage + '</button>';
/**
* pager构造函数
*
* @constructor
* @param {HTMLElement} main 主元素
* @param {Object} options 参数
*/
function Pager(main, options) {
this.main = $(main);
this.options = options || {};
this.main.html(PAGER_TPL);
this.textPage = this.main.find('input[data-pager="text"]');
var me = this;
me.main.on('click', 'button[data-pager]', function (e) {
if (this.getAttribute('data-disabled')) {
return;
}
var action = this.getAttribute('data-pager');
var page = me.page;
if (action === 'prev') {
page = me.page > 1 ? me.page - 1 : 1;
}
else if (action === 'next') {
page = me.page < me.totalPage ? me.page + 1 : me.totalPage;
}
else if (action === 'goto') {
var p = +me.textPage.val();
if (p >= 1 && p <= me.totalPage) {
page = p;
}
else {
page = me.page;
}
}
me.textPage.val(page);
if (page !== me.page) {
me.page = page;
me.fire('change', {
page: page
});
}
});
me.textPage.on('keyup', function (e) {
if (e.keyCode === 13) {
var page = +this.value.trim();
if (page >= 1 && page <= me.totalPage) {
me.page = page;
me.fire('change', {
page: page
});
}
else {
this.value = me.page;
}
}
});
}
/**
* 显示pager
*
* @param {number} page 当前页码
* @param {number} pageSize 分页大小
* @param {number} total 总个数
*/
Pager.prototype.show = function (page, pageSize, total) {
if (total <= pageSize) {
this.hide();
}
else {
this.page = page;
this.totalPage = Math.ceil(total / pageSize);
this.main.find('[data-pager="text"]').val(page);
this.main.find('[data-pager="info"]').html('/ ' + this.totalPage);
this.main.find('[data-pager="prev"]')[
page === 1 ? 'attr' : 'removeAttr'
]('data-disabled', 1);
this.main.find('[data-pager="next"]')[
page === this.totalPage ? 'attr' : 'removeAttr'
]('data-disabled', 1);
}
this.main.show();
};
/**
* 隐藏
*/
Pager.prototype.hide = function () {
this.main.hide();
};
/**
* 注销
*/
Pager.prototype.dispose = function () {
this.main.un('click', 'button[data-pager]');
this.main.find('input[data-pager="text"]').un('keyup');
};
observable.mixin(Pager.prototype);
return Pager;
}
);