Cake php4designers

ページネータのお話ですヨ！

今、喋ってるヤツ！一人称は俺って言います俺の名はオガーン今後ともよろしくプログラムとかデザインとか Web系全般

ページネータとは？ << < 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 > >> << < 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 > >> ID Name Email Created Modified 1 Jinmu [email_address] 2011.07.01 2011.07.01 2 Suizei [email_address] 2011.07.01 2011.07.01 3 Annei [email_address] 2011.07.02 2011.07.02 4 Itoku [email_address] 2011.07.02 2011.07.02

ページネータの構成要素 first last prev next numbers 最初のページ最後のページ前のページ次のページ付近のページ番号

基本的な構造 <?php echo $paginator->first(' 最初 ') ?> <a href=”/users/index/page:1”> 最初 </a>

first、prev、next、last <?php echo $paginator->first(' 最初 ') ?> <?php echo $paginator->prev(' 前 ') ?> <?php echo $paginator->next(' 次 ') ?> <?php echo $paginator->last(' 最後 ') ?> <a href=”/users/index/page:1”> 最初 </a> <a href=”/users/index/page:3”> 前 </a> <a href=”/users/index/page:5”> 次 </a> <a href=”/users/index/page:128”> 最後 </a>

注意点 next() 、 prev() は問題ない first() 、 last() はクラス名つかないリンク先がない場合何も表示しない

first、prev、next、last <?php echo $paginator->first(' 最初 ') ?> <?php echo $paginator->prev(' 前 ') ?> <?php echo $paginator->next(' 次 ') ?> <?php echo $paginator->last(' 最後 ') ?> <a href=”/users/index/page:3”> 前 </a> <a href=”/users/index/page:5”> 次 </a> <a href=”/users/index/page:128”> 最後 </a> 空＆っぽ

ちょっとしたロジック <?php if($paginator->hasPrev()) {?> <?php echo $paginator->first(' 最初 ', array( 'class'='first') ) ?> <?php } else { ?> 最初 <?php } ?> もし 1 つ前のページが存在したらページネータつかって「最初」って表示するアルよそうじゃなかったら普通に HTML で「最初」って表示するアルよ面倒くさいでおます

numbers <?php echo $paginator->numbers( オプション ) ?> オプション名 modulus 説明表示するページ数を数値で指定 first 必ず表示する先頭ページのページ数を数値で指定 last 必ず表示する最後ページのページ数を数値で指定

numbers 1 | 2 ... 3 | 4 | 5 | 6 | 7 | 8 | 9 ...127 | 128 modulus last first 'first' => 2 'last' => 2 'modulus' => 7

counter <?php echo $paginator->counter(array( 'format' => フォーマット )) ?> フォーマット変数 %pages% 説明総ページ数 %page% 現在のページ番号 %count% 総レコード数 %start% 現在のページの最初のレコード番号 %end% 現在のページ最後のレコード番号

counter 全 %pages% ページのうち %page% ページ目を表示しています。全 %count% 件のうち %start% 〜 %end% 件を表示しています。

counter 全 30 ページのうち 9 ページ目を表示しています。全 600 件のうち 161 〜 180 件を表示しています。 %pages% %page% %count% %start% %end%

トドメを刺すよ
各paginatorは単独でHTMLを出力するんだな
つまりまとまりがないんだな
なので、ブロック要素で囲うぜよ！！
オイラはトドメを刺す刺す処理係！！大

刺す刺す！ <div class=”pager”> <?php if($paginator->hasPrev()) {?> <?php echo $paginator->first(' 最初 ',array( 'class'=>'first'))?> <?php } else { ?> 最初 <?php } ?> <?php echo $paginator->prev(' 前 ')?> <?php echo $paginator->numbers()?> <?php echo $paginator->next(' 次 ')?> <?php if($paginator->hasNext()) {?> <?php echo $paginator->first(' 最後 ',array( 'class'=>'last'))?> <?php } else { ?> 最後 <?php } ?> </div> 大

CSS自由自在 /** * Paginator のスタイル */ /* 最初 */ .pager .first { 「最初」のテキスト } .pager .first a { 「最初」のリンク } /* 最後 */ .pager .last { 「最後」のテキスト } .pager .last a { 「最後」のリンク } /* 前 */ .pager .prev { 「前」のテキスト } .pager .prev a { 「前」のリンク } /* 次 */ .pager .next { 「次」のテキスト } .pager .next a { 「次」のリンク }

サンプル

どっとはらいありがとうございました

http://d.hatena.ne.jp	1088
http://torhamzedd.blogspot.com	271
http://blog.direct-search.jp	45
http://localhost	28
http://torhamzedd.blogspot.jp	16
http://torhamzedd.halteria.com	10
http://twitter.com	4
http://webcache.googleusercontent.com	1
http://slideclip.b-prep.com	1
https://twitter.com	1
http://www.slideshare.net	1
http://ps.googleusercontent.com	1

Cake php4designers

by Seiji Ogawa on Jul 21, 2011

Accessibility

Tags

Upload Details

Usage Rights

12 Embeds 1,467

Statistics

Cake php4designers — Presentation Transcript