文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>Pear::Pager和AJAX的整合应用

Pear::Pager和AJAX的整合应用

时间:2008-05-17  来源:剑心通明


作为一个
[url=javascript:;]PHP[/url]
开发人员来说,大概很让人受用的一个东东就是
Pear
的类库了。我们知道,Pear::
Pager
是专门处理分页的,而Pear::
HTML_AJAX
则是
[url=javascript:;]Ajax[/url]
应用的一些类库。但是Pager也不仅仅是只能用于
[url=javascript:;]html[/url]
的分页链接,它已经为比超女还红的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();
?>
    "text/javascript" language="javascript">
    var n_pages =  echo $n_pages ?>;
    function revealDiv(n)
    {
        for (var count = 1; count count++) {
          document.getElementById("page"+count).style.display = 'none';
        }
        document.getElementById("page"+n).style.display = 'block';
    }
   
    "text/css">
    div.page {
      background: #FFFF99;
      border-top: 1px solid #FFBF99;
      border-bottom: 1px solid #FFBF99;
    }
   
PEAR::Pager example with JavaScript
echo $links['pages']; ?>
for ($i=1; $i $n_pages; ++$i) {
    echo '.$i.'">';
    echo 'Page '.$i.'';
    foreach ($pager->getPageData($i) as $item) {
        echo 'Item '.$item.'
';
    }
    echo '';
}
?>
"text/javascript" language="javascript">
revealDiv(1);

例子中把分页的所有数据放入一个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:
    PEAR::Pager example with AJAX

    "text/javascript" src="server.php?client=all">

    "target">I'm the target
        HTML_AJAX.replace('target', 'testdata.php');

    • testdata.php
      这是个很简单的php程序,取到分页数据并输出html
      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: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 'This container is loaded with an AJAX call';
      echo 'DateTime: '. date('Y-m-d H:i:s') .'';
      echo 'Page '. $pager->getCurrentPageId() .'';
      foreach ($pager->getPageData() as $item) {
          echo 'Item '. $item .'
      ';
      }
      echo ''.$pager->links;
      ?>
    • 最后,贴上幕后
      [url=javascript:;]工作[/url]
      者server.php的
      [url=javascript:;]代码[/url]

      用HTML_AJAX_Server来处理ajax这些烦心事吧
      PLAIN TEXT
      PHP:
      include 'HTML/AJAX/Server.php';

      $server = new HTML_AJAX_Server();
      $server->handleRequest();
      ?>
      web 2.0, Ajax的趋势图
      时下的web 2.0和Ajax概念正是如火如荼,且不论Ajax这东东到底是不是炒作的产物,就实际应用来说,Ajax在某些场合的确是顶好用而且看上去挺酷.
      蓝的是web 2.0,红的是Ajax

      参考文档
      http://www.alberton.info/pear_pager_tutorial_javascript_navigation.html
      作者:
      volcano
      发表于10月 23, 2006 at 7:53 am
      版权信息
      : 可以任意
      [url=javascript:;]转载[/url]
      , 转载时请务必以超链接形式标明文章
      原始出处

      作者信息
      及此声明
      永久链接 - http://www.ooso.net/index.php/archives/260



  • 相关阅读 更多 +
    排行榜 更多 +
    辰域智控app

    辰域智控app

    系统工具 下载
    网医联盟app

    网医联盟app

    运动健身 下载
    汇丰汇选App

    汇丰汇选App

    金融理财 下载