js多機能ページングコンポーネントlayPageの使用方法の詳細
2733 ワード
本文の主な目的はlayPage多機能のjsページングコンポーネントの具体的な操作方法を共有することであり、参考にして、具体的な内容は以下の通りである.
php部
jsにおけるlaypage(新バージョン)ジャンプページング
jsにおけるlaypage(新バージョン)ajaxページング
以上が本稿のすべてであり,ページングコンポーネントlayPageの学習に役立つことを期待する.
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の学習に役立つことを期待する.