2011年07月05日

cakephpでajax paginate。 jquery風味

お願いします♪いいねとかつぶやいたりして下さい
 
考え方としては、paginateヘルパーで読み出されるリンクを、
ajax に javascript で置換してしまおうって考え。

○mypage.ctp
<script type="text/javascript">
$(function() {
	function loadPiece(href,divName) {  
		$(divName).load(href, {}, function(){
			var divPaginationLinks = divName+" #pagination a";
			$(divPaginationLinks).click(function() {     
				var thisHref = $(this).attr("href");
				loadPiece(thisHref + '/',divName);//最後にスラッシュがないとバグったのでとりあえず付けてます。おかしければ外してね。
				return false;
			});
			
		});
	} 
	
	loadPiece("/tellers/contactlist/","#ajaxcontents");//読み込みたい URLと このページの読み込みたい要素の場所を指定
});
</script> 


<div id="ajaxcontents">
	ここにAJAXの内容
</div>


○読み込みたいページ.ctp
<div align="center" id="pagination">
	<?php
echo $paginator->prev('<< '.__('前へ', true), array(), null, array
('class'=>'disabled' )).
' | '.
$paginator->numbers().
' | '.
$paginator->next(__('次へ', true).' >>', array(), null, array
('class'=>'disabled' )); 
?>
</div>

こんてんつ。


たったこれだけ。
で、おまけとしてコントローラーで 'RequestHandler' を使って処理を分けるといいかも。
普通のページと、jqueryを使ったときのページみたいな。
関連するタグ: cakephp javascript
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ