js多功能分页组件layPage使用方法详解

前端之家收集整理的这篇文章主要介绍了js多功能分页组件layPage使用方法详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文的主要目的就是为大家分享layPage 多功能的js分页组件具体操作方法,供大家参考,具体内容如下

PHP 部分

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(新版本) 跳转分页

页码) urls = urls.replace('pageval',nowpage); // 替换链接样式和页码 window.location.href = urls; } } });

js 中 laypage(新版本) ajax 分页

内容,使用 html() 方法显示 // 略……
//<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/fenye/" target="_blank" class="keywords">分页</a>
laypage({
  cont: 'show_pages',// 容器
  pages: res.allpage,// 总页数(<a href="https://www.jb51.cc/tag/houtai/" target="_blank" class="keywords">后台</a>的)
  curr: res.nowpage,//当前页(<a href="https://www.jb51.cc/tag/houtai/" target="_blank" class="keywords">后台</a><a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>到的)
  jump: function(obj,first){ //触发<a href="https://www.jb51.cc/tag/fenye/" target="_blank" class="keywords">分页</a>后的回调(单击<a href="https://www.jb51.cc/tag/yema/" target="_blank" class="keywords">页码</a>后)
    if(!first){ //点击<a href="https://www.jb51.cc/tag/tiaoye/" target="_blank" class="keywords">跳页</a>触发<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>自身,并传递当前页:obj.curr
      demo(obj.curr); // (被单击的<a href="https://www.jb51.cc/tag/yema/" target="_blank" class="keywords">页码</a>)
    }
  }
});

});
};
// 初始化运行
demo();

以上就是本文的全部内容,希望对大家学习分页组件layPage有所帮助。

原文链接:https://www.f2er.com/js/48620.html

猜你在找的JavaScript相关文章