幽灵资源网 Design By www.bzswh.com

本文的主要目的就是为大家分享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 "{: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有所帮助。

标签:
js,分页,组件,layPage

幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。