首先说下思路写一个存储过程我也找了一个存储过程不过不是我写的这是一个通过jqurey+ajax实现无刷新分页的例子应该也不错因为有的时候要无刷新嘛我用的存储过程就是从那里copy来的但是我看了还有一些其他的一些网站信息分页都不会通过无刷新的所以我特地的写了一个有刷新的分页的方法好了先写一个存储过程然后就是通过div+css来布局点页码传到该页面的参数的值了思路是通过用StringBuilder类后台布局div以实现动态的页码然后通过页码调用存储过程得到相应的信息最后就是一些细节了不断的运行调试找出BUG并改正
一首先看下页面前台代码
<%@
Page Language=C# AutoEventWireup=true CodeBehind=Pageaspxcs Inherits=JqueryPage%>
<!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN <head runat=server>
<title>Tandy Tang有刷新分页…</title>
<style type=text/css>
/*分页部分 start*/
ul
{
margin:px;
padding:px;
}
page
{
width:px;
backgroundcolor:#ffffff;
height:px;
margintop:px;
}
page ul li
{
float:left;
display:block;
width:px;
height:px;
textalign:center;
marginleft:px;
verticalalign:middle;
borderstyle:solid;
borderwidth:px;
bordercolor:#badd;
}
page ul li span
{
display:block;
width:px;
height:px;
backgroundcolor:#dda;
}
page ul li span a
{
color:#ffffff;
}
page ul li a
{
display:block;
width:px;
height:px;
textdecoration:none;
color:#ce;
fontsize:px;
verticalalign:middle;
paddingtop:px;
}
page ul li a:hover
{
backgroundcolor:#dda;
display:block;
width:px;
height:px;
}
page point
{
backgroundcolor:#ffffff;
width:px;
height:px;
display:block;
borderstyle:solid;
borderwidth:px;
bordercolor:#ffffff;
}
page pre
{
width:px;
height:px;
display:block;
textalign:center;
borderstyle:solid;
borderwidth:px;
bordercolor:#badd;
}
page pre a:hover
{
backgroundcolor:#dda;
display:block;
width:px;
height:px;
}
page next
{
width:px;
height:px;
display:block;
textalign:center;
borderstyle:solid;
borderwidth:px;
bordercolor:#badd;
}
page next a:hover
{
backgroundcolor:#dda;
display:block;
width:px;
height:px;
}
/*分页部分 end*/
/*内容部分 start*/
ntent
{
width:px;
height:px;
borderstyle:solid;
borderwidth:px;
bordercolor:#;
marginbottom:px;
}
ntent_left
{
width:px;
height:px;
borderstyle:solid;
borderwidth:px;
bordercolor:#;
float:left;
fontsize:px;
}
ntent_right
{
marginleft:px;
width:px;
height:px;
borderstyle:solid;
borderwidth:px;
bordercolor:#ff;
float:left;
}
/*内容部分 end*/
</style> </head> <body>
<form id=form runat=server>
<div>
<asp:Label ID=lbl runat=server></asp:Label><!放内容>
<asp:Label ID=lbl runat=server></asp:Label><!放页码>
</div>
</form> </body> </html>
css没有用css文件写是为了方便呵呵……
存储过程应该写得很详细了…我就不解释了这个存储过程的用处很多啊如果想实现无刷新的分页的话也是可以用的调用的方法基本一样大家可以自己试试
好吧到这里代码也基本上完成了我认为主要的还是思路问题思路有了就好办了代码如果哪里有误或者有哪些更好的解决方案请告诉我啊一定虚心学习哈下面看下效果图吧！效果图如下
