$.fn.mypagination = function(total,cpage,psize,opts){
|
|
opts = $.extend({perPage:psize||1, recordCount:total||0, callback:function(){}}, opts||{});
|
|
opts.totalPage = Math.ceil(total/opts.perPage);
|
|
return this.each(function(){
|
var currPage;
|
|
if(cpage>opts.totalPage){
|
currPage=opts.totalPage;
|
}else{
|
currPage=cpage;
|
}
|
|
var panel = $(this);
|
|
function _gotopage(page){
|
return function(){
|
currPage = page;
|
render();
|
opts.callback(currPage);
|
};
|
}
|
|
function turnPage(){
|
var page = $(".turn-page-input",panel).val();
|
if(page===""+parseInt(page)){
|
page = parseInt(page);
|
if(page<=opts.totalPage&&page>=1){
|
currPage = page;
|
render();
|
opts.callback(currPage);
|
}else{
|
alert("请输入正确的页码");
|
}
|
}else{
|
alert("请输入正确页码");
|
}
|
}
|
|
/* function render(){
|
var html = '<table cellspacing="0" cellpadding="0" border="0" width="100%">';
|
html = html + '<tbody>';
|
html = html + '<tr><td align="center" class="pn-sp">共' + opts.recordCount + '条';
|
html = html + '每页' + opts.perPage + '条';
|
html = html + '<input class="page-first" type="button" value="首 页"/>';
|
html = html + '<input class="page-prev" type="button" value="上一页"/>';
|
html = html + '<input class="page-next" type="button" value="下一页"/>';
|
html = html + '<input class="page-last" type="button" value="尾 页"/>';
|
html = html + '<input type="text" class="turn-page-input" value="" maxlength="3" size="1"/>';
|
html = html + '<button class="turn-page-btn">跳转</button>';
|
html = html + '当前 ' + currPage + '/' + opts.totalPage + ' 页 ';
|
html = html + '</td></tr></tbody></table>';
|
panel.empty();
|
panel.append(html);
|
if(currPage==1){
|
$(".page-first",panel).attr("disabled",true);
|
$(".page-prev",panel).attr("disabled",true);
|
}else{
|
$(".page-first",panel).bind('click',_gotopage(1));
|
$(".page-prev",panel).bind('click',_gotopage(currPage-1));
|
}
|
|
if(currPage==opts.totalPage){
|
$(".page-next",panel).attr("disabled",true);
|
$(".page-last",panel).attr("disabled",true);
|
}else{
|
$(".page-next",panel).bind('click',_gotopage(currPage+1));
|
$(".page-last",panel).bind('click',_gotopage(opts.totalPage));
|
}
|
|
$(".turn-page-btn",panel).bind('click',turnPage);
|
}
|
|
*/
|
function render(){
|
var html=$('<div class="fufenye" style="padding-top:10px;" align="center"></div>');
|
|
if(opts.totalPage>1){
|
if(currPage>1){
|
html.append($("<a href='javascript:void(0);' style='color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>首 页</a>").bind('click',_gotopage(1)));
|
//html.append"<a class='page-first' href=javascript:void(0);>首 页</a>";
|
//$(".page-first",panel);
|
|
}else{
|
html.append("<span style='color:#d5d5d5;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>首 页</span>");
|
}
|
if(currPage>1&&currPage<=opts.totalPage){
|
html.append($("<a style='cursor: pointer;color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>上一页</a>").bind('click',_gotopage(currPage-1)));
|
//$(".page-prev",panel).bind('click',_gotopage(currPage-1));
|
}else{
|
html.append("<span style='color:#d5d5d5;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>上一页</span>");//上一页
|
}
|
|
if(currPage<6)
|
|
{
|
|
for(var i=1;i<=opts.totalPage&&i<=10;i++)
|
{
|
if(currPage==i)
|
{
|
html.append("<b style='color:#d5d5d5;padding:5px 8px;border:1px solid #fff;margin-right:5px;'>"+i+"</b>");
|
}else{
|
html.append($("<a style='color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;' class=\"topage-"+i+"\" href=javascript:void(0);>"+i+"</a>").bind('click',_gotopage(i)));
|
//html.append"<a class=\"topage-"+i+"\" href=javascript:void(0);>"+i+"</a>";}
|
//$(".topage-"+i,panel).bind('click',_gotopage(i));
|
}
|
}
|
if(opts.totalPage>10)
|
{
|
html.append("...");
|
}
|
}else
|
{
|
|
for(var i=currPage-5;i<currPage&&i<=opts.totalPage;i++)
|
{
|
if(currPage==i)
|
{
|
html.append("<b style='color:#d5d5d5;padding:5px 8px;border:1px solid #fff;margin-right:5px;'>"+i+"</b>");
|
}else{
|
html.append($("<a href='javascript:void(0);' style='color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>"+i+"</a>").bind('click',_gotopage(i)));}
|
}
|
for(var i=currPage;i<=currPage+4&&i<=opts.totalPage;i++)
|
{
|
if(currPage==i)
|
{
|
html.append("<b style='color:#d5d5d5;padding:5px 8px;border:1px solid #fff;margin-right:5px;'>"+i+"</b>");
|
}else{
|
html.append($("<a href='javascript:void(0);' style='color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>"+i+"</a>").bind('click',_gotopage(i)));}
|
|
}
|
if(opts.totalPage>currPage+5)
|
{
|
html.append("...");
|
}
|
|
}
|
//html.append(""+currPage+"/"+totalPage+"");
|
|
|
if(currPage>=1&&currPage<opts.totalPage){
|
html.append($("<a class=\"page-next\" style='cursor: pointer;color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;' >下一页</a>").bind('click',_gotopage(currPage+1)));
|
//$(".page-next",panel).bind('click',_gotopage(currPage+1));
|
}else{
|
html.append("<span style='color:#d5d5d5;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>下一页</span>");//下一页
|
}
|
if(currPage<opts.totalPage){
|
html.append($("<a href=javascript:void(0); style='cursor: pointer;color:#425c9e;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>尾 页</a>").bind('click',_gotopage(opts.totalPage)));
|
//$(".page-last",panel).bind('click',_gotopage(opts.totalPage));
|
}else{
|
html.append("<span style='color:#d5d5d5;padding:5px 8px;border:1px solid #d5d5d5;margin-right:5px;'>尾 页</span>"); //尾 页
|
}
|
|
panel.empty();
|
panel.append(html);
|
|
|
}}
|
render();
|
});
|
};
|
