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

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- 王朝網路 版權所有