js多機能ページングコンポーネントlayPageの使用方法の詳細

2733 ワード

本文の主な目的はlayPage多機能のjsページングコンポーネントの具体的な操作方法を共有することであり、参考にして、具体的な内容は以下の通りである.
php部

function index(){
  header('Content-Type:text/html;charset=utf-8');
  //       ,     ,          
  $nowpage = I('get.page', 1, 'intval');
  $limits = 8;
  //      
  $count = M('Article') -> where(array('status'=>array('egt', 0))) -> count();
  //      
  $allpage = ceil($count / $limits);
  $allpage = intval($allpage);
    
  $lists = M('Article') -> where(array('status'=>array('egt', 0)))
          -> page($nowpage, $limits) // page     
          -> order('createtime desc')
          -> select();
  
  //       
  $this -> assign('lists', $lists);
  $this -> assign('allpage', $allpage);
  $this -> assign('nowpage', $nowpage);
  $this->display();
  
  /*
  // ajax     
  $info = array('lists'=>$lists,'allpage'=>$allpage,'nowpage'=>$nowpage);
  $this->ajaxReturn($info,'json');
  */
  
 }

jsにおけるlaypage(新バージョン)ジャンプページング

//   
laypage({
  cont: 'show_pages', //     
  pages: "{$allpage}",   //    
  skip: true, //      
  curr: function(){
    var page = "{$nowpage}"; //    (      )
    return page ? page : 1; //        
  }(),
  jump: function(e, first){ //        (     )
    if(!first){ //       ,          
      var urls = "{:U('article/index',array('page'=>'pageval'))}";
      var nowpage = e.curr; // (      )
      urls = urls.replace('pageval',nowpage); //          
      window.location.href = urls;
    }
  }
 });

jsにおけるlaypage(新バージョン)ajaxページング

function demo(curr){
  $.getJSON("{:U('article/index')}", {
    page: curr //        ,      
  }, function(res){ //        json   
    //      res.lists       ,   html()     
    //  ……
    
    //    
    laypage({
      cont: 'show_pages', //   
      pages: res.allpage,   //    (   )
      curr: res.nowpage, //   (      )
      jump: function(obj, first){ //        (     )
        if(!first){ //          ,      :obj.curr
          demo(obj.curr); // (      )
        }
      }
    });
  });
 };
 //      
demo();

以上が本稿のすべてであり,ページングコンポーネントlayPageの学習に役立つことを期待する.