日期:2014-05-16 浏览次数:20426 次
/**
* 创建实例的的方法
* @param {Object} Class
* @param {Object} params
*/
var newObj = function (Class,params){
function _new (){
if(Class._new){
Class._new.call(this,params);//改变this指向
}
}
_new.prototype = Class;
return new _new();
}
/**
* page对象
*/
var page = {
/**
* 构造函数
* @param {Object} pageSize :一页显示多少条
* @param {Object} dataTotalCount :总共数据条数
* @param {Object} mode : 分页模式 (1:不显示页数,只显示上一页下一页;2:待续);
* @param {Object} pageItem :一页显示多少条目页
* @param {Object} pageContainer :容器
* @param {Function} selfReqFun : 自定义请求函数
*/
_new : function(options){
var pageItem = options.pageItem;
var pageContainer = options.pageContainer;
var selfReqFun = options.selfReqFun;
/**
* 初始化page属性
*/
this.pageNo = options.pageNo;
this.pageSize = options.pageSize;
this.dataTotalCount = options.dataTotalCount;
this.mode = options.mode;
this.pageItem = pageItem == ""||pageItem == null ? this.mode = 1 : pageItem;
this.pageContainer = pageContainer == "" || pageContainer == null ? (function (){
var container = document.createElement("div");
container.id = "pages";
container.style.textAlign = "center";
container.align = "center";
document.getElementsByTagName("body")[0].appendChild(container);
return container;
})() : pageContainer;
this.pageCount = Math.ceil(this.dataTotalCount/this.pageSize);
this.selfReqFun = selfReqFun == null ? function(){} : selfReqFun;
this.itemStyle = options.itemStyle;
this.selfArgs = options.selfArgs;
},
/**
* 注册事件
* @param {Object} target
* @param {Object} eventName
* @param {Object} handler
* @param {Object} args
*/
attachEvent : function (target,eventName,handler,args){
var eventHandler = handler;
if(args){
eventHandler = function(e){
handler.call(args,e);
}
}
if(window.attachEvent){
target.attachEvent("on" + eventName, eventHandler );
} else{
target.addEventListener(eventName, eventHandler, true);
}
},
/**
* 检查pageNo是否合法
* @param {Object} pageNo
*/
checkPageNo : function(pageNo){
if(pageNo == "" || pageNo == null || pageNo < 1) pageNo = 1;
if(pageNo > this.pageCount)pageNo = this.pageCount;
return pageNo;
},
/**
* 创建分页条目
* @param {Object} pageNo
*/
createPageTab : function(){
var flag = false;
//动态添加属性
this.pageNo = this.checkPageNo(arguments[0]||1);
var html = '';
if(this.mode == 1){
html += '<span title="首页" class="firstPage pageSpan reqSpan" id="first"><<</span>';
html += '<span title="上一页" class="prevPage pageSpan reqSpan" id="prev"> < </span>';
html += '<span class="pageNo" id = '+this.pageNo+'>'+this.pageNo+'/'+this.pageCount+'</span>';
html += '<span title="下一页" class="nextPage pageSpan reqSpan" id="next"> > </span>';
html += '<span title="末页" class="lastPage pageSpan reqSpan" id="last">>></span>';
}
this.pageContainer.innerHTML = html;
if(this.itemStyle){
var itemStyle = this.itemStyle;
for(var i in itemStyle){
//判断对象是否为空
flag = true;
}
if (flag) {
var first = document.getElementById("first");
var prev = document.getElementById("prev");
var next = document.getElementById("next");
var last = document.getElementById("last");
first.innerHTML = "<img src="+ itemStyle.firstImg +" style='width:14px;height:14px;cursor:pointer;vertical-align:middle;'/>";
prev.innerHTML = "<img src="+ itemStyle.prevImg +" style='width:14px;height:14px;cursor:pointer;vertical-align:middle;'/>"
next.innerHTML = "<img src="+ itemStyle.nextImg +" style='width:14px;height:14px;cursor:pointer;vertical-align:middle;'/>"
last.innerHTML = "<img src="+ itemStyle.lastImg +" style='width:14px;height:14px;cursor:pointer;vertical-align:middle;'/>"
}
}
/**
* 注册点击事