Welcome 微信登录

首页 / 网页编程 / PHP / Pear::Pager和AJAX的整合应用

Pear::Pager和AJAX的整合应用2009-11-05作为一个PHP开发人员来说,大概很让人受用的一个东东就是Pear的类库了。我们知道,Pear::Pager是专门处理分页的,而Pear::HTML_AJAX则是Ajax应用的一些类库。但是Pager也不仅仅是只能用于html的分页链接,它已经为比超女还红的Ajax做好了准备,下面看看这两个包如何整合应用。

Pager and Javascript

现在走出第一步,Pager已经能够构建出javascript的链接了,和Ajax整合,理论上应该也是能够实现的,下面是Pager和javascript分页的一个例子:

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">
var n_pages = <?php echo $n_pages ?>;
function revealDiv(n)
{
for (var count = 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::Pager example with JavaScript</h1>
<?php echo $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替换了。