| 導購 | 订阅 | 在线投稿
分享
 
 
 

Pear::Pager和AJAX的整合應用

2008-12-23 08:13:03  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: ||

作爲一個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('Y-m-d 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();

?>

作爲一個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('Y-m-d 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(); ?>
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有