





















在做项目的时候,要求使用ajax的无刷新的分页,可以由于自己对pagerhealp类不是很熟悉,所以就放弃这个念头。想起以前用sql 的存储过程来写的分页,于是就想使用javascript和Jquery来写了一个分页的程序,下面只把分页的功能写出来,Jquery的ajax请求就省略了。
1
function Pagers(page)
2
{
3
var div=document.createElement("div");
4
div.id="bar";
5
document.getElementById("pager").appendChild(div);
6
var j=(page-3<1)?1:page-3;
7
var k=(page+3>maxpage)?maxpage:page+3;
8
if(j>1)
9
{
10
var a=document.createElement("a");
11
a.href="#";
12
a.innerHTML="
";
13
document.getElementById("bar").appendChild(a);
14
}
15
for(var i=j;i<k+1;i++)
16
{
17
if(i!=k)
18
{
19
var a=document.createElement("a");
20
var s=i;
21
a.href="javascript:reloadpager();Pagers("+i+");";
22
a.innerHTML=i;
23
document.getElementById("bar").appendChild(a);
24
continue;
25
}
26
if(maxpage>k)
27
{
28
var a=document.createElement("a");
29
a.href="#";
30
a.innerHTML="
";
31
document.getElementById("bar").appendChild(a);
32
var a=document.createElement("a");
33
a.href="#";
34
a.onclick="reloadpager();Pagers("+maxpage+");";
35
a.innerHTML=maxpage;
36
document.getElementById("bar").appendChild(a);
37
}
38
}
39
40
}
41
function reloadpager()
42
{
43
var pp=document.getElementById("bar");
44
document.getElementById("pager").removeChild(pp);
45
}
也许对大家有帮助!
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。