jquery.pagination.js分页插件的运用
插件官方地址：http://plugins.jquery.com/project/pagination
分页插件参数说明：
| 参数名 | 描述 | 参数值 |
|---|---|---|
| maxentries | 总条目数 | 必选参数，整数 |
| items_per_page | 每页显示的条目数 | 可选参数，默认是10 |
| num_display_entries | 连续分页主体部分显示的分页条目数 | 可选参数，默认是10 |
| current_page | 当前选中的页面 | 可选参数，默认是0，表示第1页 |
| num_edge_entries | 两侧显示的首尾分页的条目数 | 可选参数，默认是0 |
| link_to | 分页的链接 | 字符串，可选参数，默认是"#" |
| prev_text | “前一页”分页按钮上显示的文字 | 字符串参数，可选，默认是"Prev" |
| next_text | “下一页”分页按钮上显示的文字 | 字符串参数，可选，默认是"Next" |
| ellipse_text | 省略的页数用什么文字表示 | 可选字符串参数，默认是"…" |
| prev_show_always | 是否显示“前一页”分页按钮 | 布尔型，可选参数，默认为true，即显示“前一页”按钮 |
| next_show_always | 是否显示“下一页”分页按钮 | 布尔型，可选参数，默认为true，即显示“下一页”按钮 |
| callback | 回调函数 | 当点击链接的时候此函数被调用，此函数接受两个参数，新一页的id和pagination容器（一个DOM元素）。如果回调函数返回false，则pagination事件停止执行 |
demo
html代码
代码
<
script
src
="common/jquery.js"
type
="text/javascript"
>
script
>
<
script
src
="common/jquery.pagination.js"
type
="text/javascript"
>
script
>
<
link
href
="common/tablesorter.css"
rel
="stylesheet"
type
="text/css"
/>
<
link
href
="common/pagination.css"
rel
="stylesheet"
type
="text/css"
/>
<
script
language
="javascript"
type
="text/javascript"
>
var
orderby
=
""
;
//
进行排序的依据
$(document).ready(
function
() { InitData(
0
);
//
初始化数据
});
//
这个事件是在翻页时候用的
function
pageselectCallback(page_id, jq) { InitData(page_id); }
function
InitData(pageIndex) {
var
tbody
=
""
;
//
声明表格中body部分
$.ajax({
//
这里使用到Jquery的ajax方法
type:
"
POST
"
, dataType:
"
json
"
, url:
'
GetData.ashx
'
,
//
请求的处理数据
data:
"
pageIndex=
"
+
(pageIndex
+
1
)
+
"
&sortType=
"
+
orderby,
//
传入的参数，第一个参数就是分页的页数，第二个参数为排序的依据
//
下面的操作就是成功返回数据以后，进行数据的绑定
success:
function
(data) { $(
"
#linkTable tr:gt(0)
"
).remove();
var
myData
=
data.Products; $.each(myData,
function
(i, n) {
var
trs
=
""
; trs
+=
"
"
+
n.ProductName
+
"
"
+
n.QuantityPerUnit
+
"
后台处理代码GetData.ashx
//具体的页面数
int pageIndex;
int.TryParse(context.Request["pageIndex"], out pageIndex);
//排序的依据
string orderType = "ProductID";
int sortType = 1;
if (!string.IsNullOrEmpty(context.Request["sortType"]))
{
string[] strArr = context.Request["sortType"].Split('_');
if (strArr[1] == "0")
{
orderType = strArr[0];
sortType = 0;
}
else
{
orderType = strArr[0];
sortType = 1;
}
}
if (pageIndex == 0)
{
pageIndex = 1;
}
//调用分页的存储过程了
……