| 订阅 | 在线投稿
分享
 
 
 

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(); ?>
󰈣󰈤
 
 
 
>>返回首页<<
 
 热帖排行
 
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
©2005- 王朝网络 版权所有