Wabow Information Inc. Blog
分類: 技術分享 作者: suzy
16 四月 2009其實這篇是 Abu 的心得, 與阿丹一起討論+講解後, Suzy 代為發表
過程&原理講解:
原本樣板中加入分頁樣板
<wa:content name="common/pagination" />
加入一個新的變數之後
<wa:content name="common/pagination" ajax="true" />
然後在pagination樣板中加入
<% if $ajax %> <wa:js src="/lib/jquery/latest.js" /> <wa:js src="/js/common/pagination.js" /> <% /if %>
pagination.js 內容
var ajaxPage = function(){
var url = $(this).attr('href') + '/format/html';
$("#content").load(url);
return false;
}
$(function(){
$('a.page1').live('click',ajaxPage);
})
這樣一來是否使用ajax分頁就很方便了,在樣板中只要設定ajax="true"即可啟用ajax換頁效果