ASP.NET AJAX：一步步打造漂亮的新闻列表（无刷新分页、内容预览）（3）

前面两个章节我们将需求分析和概要设计简单介绍了，接下来是重点的编代 码的阶段了（实现无刷新分页）。在编写代码之前，一定要有计划的去编写代码 ，不能一开始啥也不管就开始编代码，除非你特牛。

我们来看一下需求分析：

3.==》无刷新的分页读取新闻列表，在点击下一页的时候触发事件，调用 ajax去数据库中查找下一页的数据并返回，然后显示在页面上。

这里面有两个事件，都是js事件，我们用jquery代码来实现。

分页的话，我们采用jquery的分页插件pagination，官方地址为 http://plugins.jquery.com/project/pagination下载js文件和css文件（最下 面附下载地址）

先讲讲它的基本用法：

跟一般的jQuery插件一样，此插件使用也很简单便捷。方法是pagination， 例如$("#page").pagination(100);，这里的100参数是必须的，表示显示项目的 总个数，这是最简单的使用。

例如下面的使用代码：

$("#Pagination").pagination(56,　{
num_edge_entries:　2,
num_display_entries:　4,
callback:　pageselectCallback,
items_per_page:1
});

这段代码表示的含义是：总共有56(maxentries)个列表项，首尾两侧分页显 示2(num_edge_entries)个，连续分页主体数目显示4(num_display_entries)个 ，回调函数为pageselectCallback(callback)，每页显示的列表项为 1 (items_per_page)。您可以对照参数表修改配置这里的参数。

具体的用法可以参考官方文档或是 http://www.cnblogs.com/aosiyelong/archive/2010/03/30/1700262.html

然后讲讲如何将它整合到我们这边来。

在NewsList.aspx页面中添加相关的js文件和css文件（最下面附下载地址） ：jquery-1.4.1.js，pagination.js

<link　type="text/css"　rel="Stylesheet"　 href="css/newsList.css"　/>
<link　type="text/css"　rel="Stylesheet"　 href="css/pagination.css"　/>
<script　src="js/jquery-1.4.1.js"　 type="text/javascript"></script>
<script　src="js/jquery.pagination.js"　 type="text/javascript"></script>