注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Copper peas ' Bolg

Keep On Moving...This Is My Life...

 
 
 

日志

 
 

【原】js page翻页类 灵活  

2011-04-12 18:10:57|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="jquery-1.5.1.js"></script>
 </head>
<body>
<script type="text/javascript">
<!--
/*  page class
    兼容ajax及时返回数据与保存数据在json前端翻页类型,包括查询(条件where),跳转(skip),指定返回显示的函数(id参数加自定义参数组合)等
 user:chenweihan
*/
var pageclassjson=function()
{
    var $this;
 var type;
 var sonid;
 var showtext;
 var listfun;
 var arr;
 var funname;
 var pagenum;
 var pagenums;
 var regNum;
 var url;
 var params;
 var where;

    this.setthisid=function(varsa){
              $this=varsa;
    };

 this.settype=function(varsa){
              type=varsa;
    };

 this.setlistfun=function(varsa){
              listfun=varsa;
    };

 this.load=function()
 {               
    arr      = $this.attr("id").split("_");
    funname  = arr[arr.length-2];
    sonid    = arr[arr.length-1];
       showtext = $("#showdiv"+sonid).html();
    pagenum  = parseInt($("#nowpagenum"+sonid).html());
    pagenums = parseInt($("#totalpage"+sonid).html());
    where = $.trim($("#pagewhere"+sonid).html());
 }
 
 this.skipload=function()
 {
          regNum   =/^\d$/;
    arr      = $this.attr("id").split("_");
    funname  = arr[arr.length-2];
    sonid    = arr[arr.length-1];
       showtext = $("#showdiv"+sonid).html();
    pagenum  = parseInt($("#skip"+sonid).val()); 
    if(!regNum.test(pagenum))
    {
    //dialog("提示消息:","为空或者输入不正确,请输入数字!","400","80","200","text");
    alert('err');
    return false;
    }
    pagenums = parseInt($("#totalpage"+sonid).html());
    where = $.trim($("#pagewhere"+sonid).html());
    return true;
 }

 this.tolist=function()
 {
          if(type=="json")
    {
       listfun = window[funname+"_"+listfun];
       listfun(pagenum,showtext);
    }
    else if(type=="ajax")
    {
        ajaxload(pagenum,where); 
    }

    
 }
 
 this.indexpage=function(vara,varb){        
    this.load(vara);
    pagenum = 1;
    this.tolist(varb);
   
 }

 this.uppage=function(){
          this.load();
    if(pagenum>1){pagenum--}else if(pagenum<=1){pagenum=1};
          this.tolist();
 
 }

 this.downpage=function(){
          this.load();
    if(pagenum>=pagenums){pagenum=pagenums;}else{pagenum++;};
    this.tolist();
 }

 this.endpage=function(){
          this.load();
    pagenum  = pagenums;
    this.tolist();
 }

 this.skippage=function(){
             if(this.skipload())
    {
      if(pagenum>=pagenums){pagenum = pagenums;}
      this.tolist();
    }
 }

    //1.清空释放空间 2.避免下次使用,调用上次遗留记录
    this.varempty=function(){        
             $this=null;
    type=null;
    sonid=null;
    showtext=null;
    listfun=null;
    arr=null;
    funname=null;
    pagenum=null;
    pagenums=null;
    regNum =null;
    url=null;
    params=null;
    where=null;
 }

}

//page翻页类
var page = new pageclassjson();

$(".homepages").live("click", function(){
   page.setthisid($(this)); 
   page.setlistfun('json_list');
   page.settype('json');
   page.indexpage();
   page.varempty();
});

$(".uppages").live("click", function(){
   page.setthisid($(this));
   page.setlistfun('json_list');
   page.settype('json');
   page.uppage();
   page.varempty();
});

$(".downpages").live("click", function(){
   page.setthisid($(this));
   page.setlistfun('json_list');
   page.settype('json');
   page.downpage();
   page.varempty();
});

$(".endpages").live("click", function(){
   page.setthisid($(this));
   page.setlistfun('json_list');
   page.settype('ajax');
   page.endpage();
   page.varempty();
});

$(".skippages").live("click", function(){
         page.setthisid($(this));
   page.setlistfun('json_list');
   page.settype('json');
   page.skippage();
   page.varempty();
});
 


//cache_json_list
function cache_json_list(pagenum,showtext)
{
   //判断list的data是否存在
   alert(showtext);
   alert(pagenum);
   alert("11111");
   //重新显示排序与翻页导航
}


//ajax处理函数
function ajaxload(pagenum,where)
{
    alert(pagenum+"."+where); 
 //var params = "id="+id+"&pagenum="+pagenum+"&name="+name+"&tablename="+tablename+"&where="+where+"&type=select&p=1";
 //ajax(url,params); 
 //重新显示排序与翻页导航
}
 
</script>

<div id="cache_content_pagemenu"><ul><li><span class="homepages" id="homepages_cache_"><input type="button" class="dhinput" value="首 页"></span> | <span class="uppages" id="uppages_cache_"><input type="button" class="dhinput" value="上一页"></span> | <span id="downpages_cache_" class="downpages"><input type="button" class="dhinput" value="下一页"></span> | <span class="endpages" id="endpages_cache_"><input type="button" class="dhinput" value="尾 页"></span> 当前第<span id="nowpagenum">1</span>页 每页<span id="pagesize">2</span>条 总共<span id="global_conf_record">4</span>条记录 共<span id="totalpage">2</span>页 跳转到 <input type="text" maxlength="3" style="height: 10px; width: 30px;" value="" id="skip" name="skip">页<span class="skippages" id="skippages_cache_"><input type="button" class="dhinput" value="跳 转"></span><span id="showdiv">cache_content</span><span id="pagewhere">cache_content</span></li></ul></div>
</body>
</html>

  评论这张
 
阅读(144)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018