身為一個PHP開發人員來說,大概很讓人受用的一個東東就是Pear的類別庫了。我們知道,Pear::Pager是專門處理分頁的,而Pear::HTML_AJAX則是Ajax應用的一些類別庫。但是Pager也不僅僅是只能用於html的分頁鏈接,它已經為比超女還紅的Ajax做好了準備,下面看看這兩個包如何整合應用。
Pager and Javascript
現在走出第一步,Pager已經能夠建立出javascript的連結了,和Ajax整合,理論上應該也是能夠實現的,以下是Pager和javascript分頁的一個例子:
PLAIN TEXT
PHP:
require_once'Pager/Pager.php';
$data=range(1,100);//an array of data to paginate
$pager_params=array(
'mode' =>'Sliding',
'append' =>false, //don't append the GET parameters to the url
'path' =>'',
'fileName'=>'javascript:revealDiv(%d)', //Pager replaces "%d" with the page number...
'perPage' =>10,//show 10 items per page
'delta' =>5,
'itemData'=>$data,
);
$pager= & Pager::factory($pager_params);
$n_pages=$pager->numPages();
$links=$pager->getLinks();
?>
<html>
<head>
<script type="text/javascript"language="javascript">
varn_pages =<?phpecho$n_pages?>;
functionrevealDiv(n)
{
for(varcount=1;count<= n_pages;count++){
document.getElementById("page"+count).style.display ='none';
}
document.getElementById("page"+n).style.display ='block';
}
</script>
<style type="text/css">
div.page{
background:#FFFF99;
border-top: 1px solid#FFBF99;
border-bottom: 1px solid#FFBF99;
}
</style>
</head>
<body>
<h1>PEAR::Pagerexample with JavaScript</h1>
<?phpecho$links['pages'];?>
<hr />
<?php
for($i=1;$i<=$n_pages; ++$i){
echo'<div class="page" id="page'.$i.'">';
echo'<h2>Page '.$i.'</h2>';
foreach($pager->getPageData($i)as$item){
echo'Item '.$item.'<br />';
}
echo'</div>';
}
?>
<hr />
<script type="text/javascript"language="javascript">
revealDiv(1);
</script>
</body>
</html>
例子中把分頁的所有資料放入一個div標籤,定義了兩個比較重要的參數就是path(為空)和fileName,fileName原本應該是連結的檔案名,但這裡用javascript取代了。
Ajax上陣這個範例包括三個檔案page.html,server.php,testdata.php
page.html
用動態javascript--server.php來處理數據,呼叫HTML_AJAX.replace('target', 'testdata.php')來取代id為target這個div的內容。
PLAIN TEXT
PHP:
<html>
<body>
<h1>PEAR::Pagerexample with AJAX</h1>
<script type="text/javascript"src="server.php?client=all"></script>
<div id="target">I'm the target</div>
<script type="text/javascript">
HTML_AJAX.replace('target', 'testdata.php');
</script>
</body>
</html>
testdata.php
這是一個很簡單的php程序,取到分頁資料並輸出html
PLAIN TEXT
PHP:
<?php
require_once'Pager/Pager.php';
$data=range(1,100);//an array of data to paginate
$pager_params=array(
'mode' =>'Sliding',
'append' =>false, //don't append the GET parameters to the url
'path' =>'',
'fileName'=>'javascript:HTML_AJAX.replace('target','testdata.php?pageID=%d');', //Pager replaces "%d" with the page number...
'perPage' =>10,//show 10 items per page
'delta' =>1,
'itemData'=>$data,
);
$pager= & Pager::factory($pager_params);
$n_pages=$pager->numPages();
$links=$pager->getLinks();
echo'<p>This container is loaded with an AJAX call</p>';
echo'<p><span class="datetime">DateTime: '.date('Ymd H:i:s').'</span></p>';
echo'<h3>Page '.$pager->getCurrentPageId().'</h3>';
foreach($pager->getPageData()as$item){
echo'Item '.$item.'<br />';
}
echo'<hr />'.$pager->links;
?>
最後,貼上幕後工作者server.php的程式碼用HTML_AJAX_Server來處理ajax這些煩心事吧
PLAIN TEXT
PHP:
<?php
include'HTML/AJAX/Server.php';
$server=newHTML_AJAX_Server();
$server->handleRequest();
?>