<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    


    

    
	
	
		
    
			


    
posts - 7, 
comments - 58, 
trackbacks - 0


    
	

    

    
	
					


    
	
	1、測試頁面
    
<html>
    
<head>
    
 <script src="pageSystem.js"></script>
    
 <script>
    
   var psys;
    
   window.onload = function() {
    
    psys = new PageSystem(1120, "pageDiv", 10, showMsg); //總記錄數(shù), 分頁系統(tǒng)容器，每組10頁,回調(diào)
    
    psys.init();
    
  }
    
  
    
  function showMsg(currentPage, pageSize) {
    
    //回調(diào)方法自定義，兩個(gè)參數(shù)，第一個(gè)為當(dāng)前頁，第二個(gè)為每頁記錄數(shù)
    
    /****************將currentPage和pageSize請求數(shù)據(jù)更新列表,最好使用ajax技術(shù)******************/
    
    alert("請求數(shù)據(jù)要的相應(yīng)參數(shù)>> currentPage: "+ currentPage + " pageSize: " + pageSize);
    
  }
    
   
    
   /*****如果要更新分頁系統(tǒng)請如下操作******/
    
    //psys.update(count); //@count 為記錄總數(shù)
    
    function updatePageSys() {
    
     
    
     psys.update(150); //@count 為記錄總數(shù)
    
   }
    
  </script>
    
  <style>
    
    #pageDiv{
    
      font-size:13px;
    
    }
    
  </style>
    
</head>
    
<body>
    
  <div id="pageDiv">
    
  </div>
    
  <br/><br/>
    
  <a href="#" onclick="updatePageSys();"/>更新分頁系統(tǒng)</a>
    
</body>
    
</html>
    

    
2、pageSystem.js
    
function PageSystem(count, divID, grountCount, callBack) {
    
     this.totolCount = count; //總記錄數(shù)
    
     this.initMaxPage = grountCount? grountCount: 5;  //顯示頁數(shù)，如 1 2 3 4 5
    
     this.pageSize = 10;  //每頁記錄數(shù)
    
     this.currentMax = 0; //當(dāng)前顯示的最大頁碼, 如 1 2 3 4 5; 5為最大頁碼
    
     this.currentMin = 0; //當(dāng)前顯示的最小頁碼, 如 11 12 13 14 15; 11為最小頁碼
    
     this.homePage = 0; //首頁
    
     this.endPage = 0; //未頁
    
     this.currentPage = 0; //當(dāng)前頁
    
     this.currentActiveSpan; //當(dāng)前活動a容器
    
     this.pageDivObj = document.getElementById(divID); //分頁系統(tǒng)容器
    
     this.pages = 0; //總頁數(shù)，計(jì)算得到
    
     //this._url = _url; //提交URL
    
     this.callBack = callBack; //回調(diào)
    
     var that = this; //指針的引用
    
     
    
    
    
     this.init = function() {
    
        this.pages = parseInt(this.totolCount / this.pageSize); //獲得總共有幾頁
    
        this.pages = this.totolCount % this.pageSize == 0? this.pages: this.pages+1;
    
        this.createHomePage();
    
        this.createPrePage();
    
        var n = 1;
    
        while(n <= this.pages) {
    
          if(n > this.initMaxPage){
    
             break; //到達(dá)最大顯示數(shù)
    
          }
    
          var _span = document.createElement("SPAN");
    
          _span.style.cssText = "margin-left:10px";
    
          if(n == 1) { //初始化時(shí)第一頁為活動頁
    
            _span.innerText = n;
    
            this.currentActiveSpan = _span;
    
          }else{
    
             var _a = document.createElement("A");
    
             _a.href = "#";
    
            _a.onclick = this.reView;
    
            _a.innerText = n;
    
            _span.appendChild(_a);
    
          }
    
          this.pageDivObj.appendChild(_span);
    
          n++;
    
        }
    
        if(this.pages != 0) {
    
          this.currentMax = n - 1; //當(dāng)前組最大頁碼 1 2 3 4 5值為5
    
          this.currentMin = 1; //當(dāng)前最小頁碼 1 2 3 4 5 值為1
    
          this.homePage = 1; //首頁
    
          this.endPage = this.pages; //未頁
    
          this.currentPage = 1; //當(dāng)前頁
    
        }
    
        //alert(this.currentMax);
    
        //alert(this.currentMin);
    
        this.createNextPage();
    
        this.createEndPage();
    
       
    
       
    
       
    
    };
    
    this.query = function() {
    
      var curPage = that.currentPage; //當(dāng)前頁
    
      var pageSize = that.pageSize;
    
      if(that.callBack) that.callBack(curPage, pageSize);
    
          
    
    };
    
    this.reView = function() {
    
     //重新渲染UI
    
       that.reViewActivePage();
    
       that.query();
    
    };
    
    this.reViewActivePage = function() {
    
      //重新渲染當(dāng)前頁視圖
    
      var actA = event.srcElement; //當(dāng)前被點(diǎn)擊的 a對象
    
      var ap = actA.parentNode; //獲得當(dāng)前a容器span對象
    
      //還原當(dāng)前頁視圖
    
       var _a = document.createElement("A");
    
        _a.href = "#";
    
        _a.onclick = this.reView;
    
        _a.innerText = that.currentActiveSpan.innerText;
    
        that.currentActiveSpan.innerText = "";
    
        that.currentActiveSpan.appendChild(_a);
    
       //渲染新的當(dāng)前頁視圖
    
       that.currentActiveSpan = ap; //切換當(dāng)前活動頁容器
    
       var curPage = parseInt(actA.innerText);
    
       that.currentActiveSpan.removeChild(actA);
    
       that.currentActiveSpan.innerText = curPage;
    
       this.currentPage = curPage; //更改當(dāng)前頁碼
    
       if(!that.toNextGroup()) that.toPreGroup();
    
    };
    
    this.toNextGroup = function() {
    
       //重新渲染顯示頁下一組 1 2 3 4 5 --> 5 6 7 8 9
    
       if(that.currentPage == that.currentMax) {//點(diǎn)擊的頁碼為當(dāng)前組最大頁碼，當(dāng)go 下一組
    
         if(that.currentPage != that.endPage) { //如果點(diǎn)了未頁當(dāng)然不會再有下一組啦！
    
            that.pageDivObj.innerHTML = ""; //@1
    
            var pageCode = parseInt(that.currentPage) + 1; //顯示頁碼
    
            var n = 2; //當(dāng)前活動頁不重創(chuàng)
    
            this.createHomePage();
    
            this.createPrePage();
    
            that.currentActiveSpan.innerText = that.currentPage;
    
            that.pageDivObj.appendChild(that.currentActiveSpan); //將當(dāng)前活動頁回放,請看@1
    
            while(pageCode <= that.pages) {
    
            if(n > that.initMaxPage){
    
               break; //到達(dá)最大顯示數(shù)
    
            }
    
            var _span = document.createElement("SPAN");
    
            _span.style.cssText = "margin-left:10px";
    
            var _a = document.createElement("A");
    
             _a.href = "#";
    
            _a.onclick = that.reView;
    
            _a.innerText = pageCode;
    
            _span.appendChild(_a);
    
            that.pageDivObj.appendChild(_span);
    
            pageCode++;
    
            n++;
    
          }
    
          that.currentMax = pageCode - 1;
    
          that.currentMin = that.currentPage;
    
         // alert("currentMax: " + that.currentMax);
    
         // alert("currentMin: " + that.currentMin);
    
          this.createNextPage();
    
          that.createEndPage();
    
          return true;
    
         }//end if
    
       }//end if
    
       return false;
    
    };
    
    this.toPreGroup = function() { //
    
      //重新渲染顯示頁上一組 5 6 7 8 9 -->1 2 3 4 5
    
      if(that.currentPage == that.currentMin) { //點(diǎn)了組中最小頁碼
    
        if(that.currentPage != 1) {
    
           that.pageDivObj.innerHTML = ""; //@2
    
            var pageCode = parseInt(that.currentPage) - (that.initMaxPage -1); //顯示頁碼
    
            var n = 2; //當(dāng)前活動頁不重創(chuàng)
    
            this.createHomePage();
    
            this.createPrePage();
    
            while(true) {
    
            if(n > that.initMaxPage){
    
               break; //到達(dá)最大顯示數(shù)
    
            }
    
            var _span = document.createElement("SPAN");
    
            _span.style.cssText = "margin-left:10px";
    
            var _a = document.createElement("A");
    
             _a.href = "#";
    
            _a.onclick = that.reView;
    
            _a.innerText = pageCode++;
    
            _span.appendChild(_a);
    
            that.pageDivObj.appendChild(_span);
    
            n++;
    
          }
    
          that.currentMax = that.currentPage;
    
          that.currentMin = pageCode - (that.initMaxPage -1);
    
          //alert("currentMax: " + that.currentMax);
    
         // alert("currentMin" + that.currentMin);
    
          that.currentActiveSpan.innerText = that.currentPage;
    
            that.pageDivObj.appendChild(that.currentActiveSpan); //將當(dāng)前活動頁回放,請看@2
    
            that.createNextPage();
    
            that.createEndPage();
    
        }//end if
    
      }//end if
    
    };
    
     this.toHomePage = function(){
    
       //去到首頁
    
       if(that.pages == 0) return;
    
       if(that.currentPage != 1) {//切組
    
         that.pageDivObj.innerHTML = "";
    
         that.init();
    
       }//end if
    
       that.currentPage = 1;
    
       that.currentMin = 1;
    
       that.currentMax = that.initMaxPage;
    
       that.query();
    
     };
    
     this.toEndPage = function() {
    
       //去到未頁
    
        if(that.pages == 0 ||that.currentPage == that.pages) return;
    
        if(true) {//切組條件修改，此條件作廢,臨時(shí)設(shè)為true
    
        that.pageDivObj.innerHTML = "";
    
        that.createHomePage();
    
        that.createPrePage();
    
        var pageCode = 1;
    
     var n = 1;
    
      while(pageCode <= that.pages) {
    
        if(n > that.initMaxPage-1){
    
          n = 1;
    
        }
    
        n++;
    
        pageCode++;
    
      }
    
      
    
      pageCode = that.pages - (n-2);
    
      for(var j = 1; j < n; j++) {
    
         var _span = document.createElement("SPAN");
    
       _span.style.cssText = "margin-left:10px";
    
       if(pageCode == that.pages) { //初始化時(shí)第一頁為活動頁
    
        _span.innerText = pageCode;
    
        that.currentActiveSpan = _span;
    
       }else{
    
         var _a = document.createElement("A");
    
         _a.href = "#";
    
         _a.onclick = that.reView;
    
         _a.innerText = pageCode;
    
         _span.appendChild(_a);
    
         pageCode++;
    
       }
    
       that.pageDivObj.appendChild(_span);
    
      }
    
       
    
         that.createNextPage();
    
          that.createEndPage();
    
       }//end if
    
       that.currentPage = that.pages;
    
       that.currentMin = that.pages - (n-2);
    
       that.currentMax = that.pages;
    
      // alert("currentMin: " + that.currentMin);
    
       //alert("currentMax: " + that.currentMax);
    
      // alert("pages: " + that.pages);
    
       that.query();
    
     };
    
     
    
     this.next = function() {
    
       //下一頁
    
     };
    
     this.pre = function() {
    
       //上一頁
    
     };
    
     this.update = function(count) {
    
       //更新分頁系統(tǒng)
    
       this.totolCount = count;
    
       that.pageDivObj.innerHTML = "";
    
       this.init();
    
     }; 
    
     this.createPrePage = function() {
    
       return;
    
       var _span = document.createElement("SPAN");
    
       _span.style.cssText = "margin-left:16px";
    
       var _a = document.createElement("A");
    
       _a.href = "#";
    
       _a.onclick = this.pre;
    
       _a.innerText = "上一頁";
    
       _span.appendChild(_a);
    
       this.pageDivObj.appendChild(_span);
    
     };
    
     this.createNextPage = function() {
    
       return;
    
       var _span = document.createElement("SPAN");
    
       _span.style.cssText = "margin-left:16px";
    
       var _a = document.createElement("A");
    
       _a.href = "#";
    
       _a.onclick = this.next;
    
       _a.innerText = "下一頁";
    
       _span.appendChild(_a);
    
       this.pageDivObj.appendChild(_span);
    
     };
    
     this.createHomePage = function() {
    
       var homeSpan = document.createElement("SPAN");
    
       var _a = document.createElement("A");
    
       _a.href = "#";
    
       _a.onclick = this.toHomePage;
    
       _a.innerText = "首頁";
    
       homeSpan.appendChild(_a);
    
       this.pageDivObj.appendChild(homeSpan);
    
     };
    
     this.createEndPage = function() {
    
       var _span = document.createElement("SPAN");
    
       _span.style.cssText = "margin-left:16px";
    
       var _a = document.createElement("A");
    
       _a.href = "#";
    
       _a.onclick = this.toEndPage;
    
       _a.innerText = "未頁(" + this.pages +")";
    
       _span.appendChild(_a);
    
       this.pageDivObj.appendChild(_span);
    
     }
    
   }
    

    
3、效果圖
    
 
    
如需轉(zhuǎn)載，請注明原文出處！謝謝合作。

	
    posted on 2008-05-04 22:54 Sonny Li 閱讀(3768) 評論(23)  編輯  收藏  所屬分類: javascript編程語言 
    

    







    
	    
    


    
FeedBack:

    
	

		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 00:59 | 令狐蟲
    
				
    不錯(cuò)

    我收藏了！  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 09:44 | J@mes
    
				
    +fav  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 09:46 | BeanSoft
    
				
    贊一個(gè)。  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 09:55 | icecity
    
				
    是“末頁”，不是“未頁”:)  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 10:40 | 王戰(zhàn)鋒
    
				
    我覺得非常棒！感謝你的分享！  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 11:25 | tttom
    
				
    能不能改成上一頁，下一頁那種？？謝謝了！！  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 11:57 | tttom
    
				
    博主，麻煩您給改改！謝謝了！  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 12:00 | tttom
    
				
    剛看了博主的照片，哇，還是一個(gè)大帥哥哦！

      回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 15:17 | Happy漫步者
    
				
    看的出這個(gè)javascript水平還不賴 學(xué)習(xí)了~~ 頂個(gè)

      回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 20:43 | 無羽蒼鷹
    
				
    @tttom

    由于工作需要，此分頁組件是臨時(shí)做的測試版（沒時(shí)間弄，最近天天加班，等稍有空后將與改進(jìn)）

    謝謝。  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 20:45 | 無羽蒼鷹
    
				
    @icecity

    呵呵。。。謝謝。。。^_^  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-05 22:00 | jacky-q
    
				
    firefox下無法顯示....唔,有空看看改改.
    寫得還是很不錯(cuò)的.  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件[未登錄]
    
			
    
				2008-05-06 14:23 | Paul Lin
    
				
    雖然我看不懂，不過還是要頂你一下，呵呵  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-06 20:12 | 速溶人生
    
				
    頂一個(gè)，最近在看這個(gè)！  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-08 20:40 | 王能
    
				
    看不懂,還要頂

    http://www.tondou.cn/ 最新電影網(wǎng)  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-09 22:32 | 超
    
				
    我前公司的牛人。。哈哈。。頂。。  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-12 23:26 | wen
    
				
    看不懂,也頂一下,是個(gè)好東西!!拿用用!!  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-05-28 14:19 | 懶人
    
				
    很不錯(cuò)的東西  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-07-30 11:38 | 杜東輝
    
				
    杜東輝，到此一游，看不懂，老大,頂  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2008-12-06 09:15 | 海！
    
				
    希望樓主能改用jquery 把它寫成一個(gè)組件，讓后共享，大家就知道你的杰作了  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
    
				2009-02-16 12:07 | eva
    
				
    無法運(yùn)行啊！  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # 有個(gè)最新版的代碼，分享給大家，也是幾年前寫的東西了
    
			
    
				2011-11-15 00:57 | Sonny Li
    
				
     function $el(el) {
         return document.createElement(el);
      }
      function $ap(p, n) {
        p = p || document;
        p.appendChild(n);
      }
      function $id(_id) {
        return document.getElementById(_id);
      }
      (function(){
         var _style = $el("link");
         _style.href = "jpage.css";
         _style.rel = "stylesheet";
        _style.type = "text/css";
         document.getElementsByTagName("HEAD").item(0).appendChild(_style); 
       
      })();
      
     /**
      * fun: 實(shí)現(xiàn)ajax分頁效果
      * 參數(shù)說明：c 分頁控件顯示的容器ID，一般用DIV的ID
      * recordCount: 總記錄數(shù)
      * service 請求分頁數(shù)據(jù)的js方法指針，分頁控件負(fù)責(zé)回調(diào), 原型 function fun(curPage, pageSize) {....}
      */
     function JPage(c, recordCount, service, pageSize, group) {
     	 this._c = $id(c);
       this.pageSize = pageSize || 10; //一頁幾條
       this.pageCount = (recordCount % this.pageSize) == 0? (recordCount / this.pageSize): parseInt((recordCount / this.pageSize) + 1); //總頁數(shù)
     	 this.service = service; //回調(diào)方法
     	 this.group = group || 11; //一組幾頁
     	 this.pageData = new Array(this.group); //當(dāng)前要顯示的頁對象索引緩存區(qū)
     	 this.curPage = 1; // 初始化為第一頁為當(dāng)前頁
     	 var that = this;
     	 this.pageEvt = function(thePg) {
     	 	 this.curPage = thePg;
     	 	 this.service(this.curPage, this.pageSize);
     	 	 this.render();
     	 };
     	 this.render = function() {
       	  this._c.innerHTML = "";
       	  if(recordCount == 0) return;
       	  this.createFirstPage();
       	  this.readData(); //準(zhǔn)備分頁索引
       	  this.createPrePage();
       	  this.createPages();
       	  this.createNextPage();
       	  this.createEndPage();
       };
       this.createEndPage = function() {
          var _span = $el("span");
       	  var epg = new FEPg(this, this.pageCount, "EndCssClass"); //最后一頁
       	  $ap(_span, epg.getView());
       	  $ap(this._c, _span);
       };
       this.createFirstPage = function() {
          var _span = $el("span");
       	  var fpg = new FEPg(this, 1, "FirstCssClass"); //首頁
       	  $ap(_span, fpg.getView());
       	  $ap(this._c, _span);
       };
       this.createPages = function() {
       	  for(var n = 0; n < this.group; n++) {
       	  	 if(this.pageData[n] == -2) break; //
       	  	 var _span = $el("span");
       	  	 var _page = new Pg(this, this.pageData[n]);
       	  	 $ap(_span, _page.getView());
       	     $ap(this._c, _span);
       	  }
       };
       this.createPrePage = function() {
       	  var preSpan = $el("span");
       	  var prePage = new PrePg(this, this.curPage - 1);
       	  $ap(preSpan, prePage.getView());
       	  $ap(this._c, preSpan);
       };
       this.createNextPage = function() {
       	  var nextSpan = $el("span");
       	  var nextPage = new NextPg(this, this.curPage + 1);
       	  $ap(nextSpan, nextPage.getView());
       	  $ap(this._c, nextSpan);
       };
       this.readData = function() {
       	  for(var i = 0; i < this.group; i++) this.pageData[i] = -2;
       	  var firstIndex = (this.pageCount <= this.group || this.curPage <= parseInt(this.group / 2))? 1: this.curPage - parseInt(this.group / 2);
       	  if(firstIndex > this.pageCount) return;
       	  this.pageData[0] = firstIndex;
       	  for(var n = 1; n < this.group; n++) {
       	    if(this.pageData[n-1] >= this.pageCount) break;
       	    this.pageData[n] = this.pageData[n-1] + 1;
       	  }
       };
       this.render();
     }
     
     /**
      * fun: 頁模型基類
      * 參數(shù)說明：owner分頁對象，the 當(dāng)前頁索引， pre 上一頁索引， _next 下一頁索引， vtxt 顯示文本（用于“上一頁”及“下一頁”）
      */
     function Pg(owner, the, vtxt) {
     	 this._owner = owner;
     	 this._self = the;
     	 this._vtxt = vtxt || the;
     	 this._view = $el("a");
     	 this._view.innerHTML = this._vtxt;
     	 var that = this;
     	 this.getView = function() {
     	 	 if(this._self == this._owner.curPage) {this._view.className = "activePage"; return this._view; }
     	 	 this._view.href = "javascript:;";
     	 	 this._view.onclick = function() {
     	 		  that._owner.pageEvt(that._self); //回傳點(diǎn)中的頁對象頁索引
     	 	 }
     	 	 return this._view;
     	 };
     	 
     	 this.getMe = function() {
     	   return this._self;
     	 };
     	
     }
     
     /**
      * fun: Pg子類"上一頁“類模型
      */
     function PrePg(owner, the, vtxt) {
       this._super = Pg;
       this._super(owner, the, " "); //當(dāng)前頁為第一頁時(shí)，the為0
       var that = this;
       
       this.getView = function() {
     	 	 if(this._self == 0) { this._view.className = "NoView"; return this._view; } //如果當(dāng)前頁為第一頁，不創(chuàng)建上一頁對象視圖
     	 	 this._view.href = "javascript:;";
     	 	 this._view.onclick = function() {
     	 		  that._owner.pageEvt(that._self); //回傳點(diǎn)中的頁對象頁索引
     	 	 }
    	 this._view.className = "PreCssClass";
     	 	 return this._view;
     	 };
     	 
     }
     
     /**
      * fun: Pg子類"下一頁”類模型
      */
      function NextPg(owner, the, vtxt) {
       this._super = Pg;
       this._super(owner, the, " ");
       var that = this;
       
       this.getView = function() {
     	 	 if(this._self == this._owner.pageCount + 1) { this._view.className = "NoView"; return this._view; } //如果當(dāng)前頁為第一頁，不創(chuàng)建上一頁對象視圖
     	 	 this._view.href = "javascript:;";
     	 	 this._view.onclick = function() {
     	 		  that._owner.pageEvt(that._self); //回傳點(diǎn)中的頁對象頁索引
     	 	 }
    	   this._view.className = "NextCssClass";
     	 	 return this._view;
     	 };
      }
      
      /**
       * fun: 第一頁及最后一頁類模型
       */ 
       function FEPg(owner, the, _class) {
         this._super = Pg;
         this._super(owner, the, " ");
         var that = this;
         this.getView = function() {
       	 	 if(this._owner.pageCount == 0) { return this._view; } //如果當(dāng)前頁為第一頁，不創(chuàng)建上一頁對象視圖
       	 	 this._view.href = "javascript:;";
       	 	 this._view.onclick = function() {
     	 	 		  that._owner.pageEvt(that._self); //回傳點(diǎn)中的頁對象頁索引
       	 	 }
    		   this._view.className = _class;
       	 	 return this._view;
        }
      }  回復(fù)  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    # re: 用javascript實(shí)現(xiàn)較為通用的客戶端分頁組件
    
			
			
			
		
    
	








    








    

				
	



    


    
	
		
    
			
    
	
    
		
    <2008年5月>
    
	
    日一二三四五六
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567
    

    

    
			
			

    常用鏈接
    


    留言簿(3)
    




		
    隨筆分類
    
		
				
			
	
		
    隨筆檔案
    
		
				
			
	
		
    文章分類
    
		
				
			
	
		
    相冊
    
		
				
			
	
		
    收藏夾
    
		
				
			
	
		
    博客好友
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


    
	

    


    


    

    







    
        
	



主站蜘蛛池模板：
日日摸日日碰夜夜爽亚洲|
国产一级淫片视频免费看|
美女扒开尿口给男人爽免费视频|
亚洲av无码潮喷在线观看|
又色又污又黄无遮挡的免费视|
亚洲三级在线免费观看|
aa在线免费观看|
无人视频在线观看免费播放影院|
亚洲avav天堂av在线网爱情|
久久夜色精品国产亚洲AV动态图|
亚洲&#228;v永久无码精品天堂久久
|
久草福利资源网站免费|
思思久久99热免费精品6|
亚洲欧美日韩中文字幕在线一区|
亚洲精品免费在线视频|
久久久无码精品亚洲日韩蜜桃|
久久久久亚洲精品无码网址|
国产在线19禁免费观看国产|
猫咪社区免费资源在线观看|
99久久99热精品免费观看国产
|
成人免费视频软件网站|
中国人xxxxx69免费视频|
国产成人精品免费久久久久
|
亚洲av午夜精品一区二区三区|
成人激情免费视频|
69式互添免费视频|
16女性下面无遮挡免费|
久久aⅴ免费观看|
日本一区午夜艳熟免费|
成人免费一区二区三区|
一个人免费观看视频在线中文|
特色特黄a毛片高清免费观看|
色妞www精品视频免费看|
婷婷亚洲综合一区二区|
久久亚洲中文无码咪咪爱|
亚洲6080yy久久无码产自国产|
亚洲精品无AMM毛片|
亚洲爆乳少妇无码激情|
美女一级毛片免费观看|
一级做α爱过程免费视频|
久久久久久久久久久免费精品|