JQuery 分页控件

大家好,最近找了一个分页控件感觉还不错,和大家分享一下,希望大家喜欢

JS代码:

Code:

代码
var objDiv;
var _FunName ="/";
var _CurrentPageSize =0;
var _MaxPageSize =0;
var _PageSize =5;
var _IsUpDown =false;

function InitPage(funName, currentPageSize, maxPageSize, pageSize, isUpDown) {
_FunName
= funName;
_CurrentPageSize
= currentPageSize;
_MaxPageSize
= maxPageSize;
_PageSize
= pageSize;
_IsUpDown
= isUpDown;
}

function ShowPage(objDiv) {
var strResult ="";
var size = Math.floor(_PageSize /2);
var maxSize = _CurrentPageSize + size > _MaxPageSize ? _MaxPageSize : _CurrentPageSize + size;
var minSize = _CurrentPageSize - size <1?1 : _CurrentPageSize - size;

if (maxSize == _MaxPageSize)
minSize
= maxSize - _PageSize +1;
if (minSize ==1)
maxSize
= minSize + _PageSize -1;

var str ="";
for (var i =0; i < _MaxPageSize; i++) {
var curPage = i +1;
if (curPage ==1|| (curPage >= minSize && curPage <= maxSize) || curPage == _MaxPageSize) {
var strPage ="";
if (curPage == minSize && (_CurrentPageSize > _PageSize || minSize >2))
strPage
+="...&nbsp;";
if (_CurrentPageSize == curPage) {
strPage
+="&nbsp;&nbsp; <a href='#' style='font-size:14px;color:red'>"+ curPage +"</a>";
}
else {
strPage
+="&nbsp;&nbsp;<a href=\"#\" style='font-size:14px' onclick=\"" + _FunName + "(" + curPage + ");\">"+ curPage +"</a>";
}

if (curPage == maxSize && _MaxPageSize - _CurrentPageSize -1> size) {
strPage
+="...&nbsp;";
}

strResult
+= strPage;
}
}
strResult
+="";
if (_IsUpDown) {
if (_CurrentPageSize ==1)
strResult
="<a href='#' >上一页</a>"+ strResult;
else
strResult
="&nbsp;&nbsp; <a href=\"#\" onclick=\"" + _FunName + "(" + (_CurrentPageSize - 1) + ");\">上一页</a>"+ strResult;
if (_CurrentPageSize == _MaxPageSize) {

strResult
= strResult +"&nbsp;&nbsp;<a>下一页</a></ul>";

}
else {
strResult
= strResult +"&nbsp;&nbsp; <a href=\"#\" onclick=\"" + _FunName + "(" + (_CurrentPageSize + 1) + ");\">下一页</a>";
}
}
document.getElementById(objDiv).innerHTML
=strResult;
}

 HTML Code:

代码
<head runat="server">
<link media="all" href="css/sdzt.css" rel="stylesheet"/>
<script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

<script src="js/PageViewJS.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function GetCurPage(curPage) {
//取当前页信息
document.forms[0].action ="ChrisBlessingList.aspx?Page="+ curPage;
document.forms[
0].submit();
}
</script>

</head>
<body>
<form id="form1" runat="server">
<div style="width: 1002px; margin: 0 auto;">
<div id="hdgz"><img src="images/sdzt_07.jpg" border="0" usemap="#Map"/></div>
<div id="liebiao">
<div class="a_01" id="Container">
<ul class="lb">
<asp:DataList ID="ddlBlessingList" runat="server" Width="100%">
<ItemTemplate>
<li class="bg01">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" height="90" rowspan="2">
<img src="images/sdzt_02/img.jpg" class="lb_img"/>
</td>
<td width="600" align="left" valign="middle" class="font_07">
<%#Eval("User_Name")%>
对 【
<%#Eval("To_UserName")%>】说:
</td>
</tr>
<tr>
<td align="left" valign="top" class="font_07" style="word-break: break-all; width: 600px;
overflow: auto;"
>
&nbsp;&nbsp;&nbsp;&nbsp;<%#Eval("To_Context")%>
</td>
</tr>
</table>
</li>
</ItemTemplate>
</asp:DataList>
</ul>
</div>
<div class="fy">
<div id="divPage">
</div>
</div>
</div>
<div id="back_zhufu">
</div>
</div>
</div>
<asp:Literal ID="ltScript" runat="server"></asp:Literal>
</form>
</body>
</html>

C# Code:

代码
privateint _MaxPageSize =1;
protectedvoid Page_Load(object sender, EventArgs e)
{
int page =1;
if (Request.QueryString["Page"] !=null&& Request.QueryString["Page"].ToString() !="")
{
page
= Convert.ToInt32(Request.QueryString["Page"]);
}
int _PageSize =5;
BindChristData(page, _PageSize);
ltScript.Text
="<script language=\"javascript\" type=\"text/javascript\">InitPage(\"GetCurPage\", "+ page +", "+ _MaxPageSize +", 8, true); ShowPage(\"divPage\");</script>";
}

privatevoid BindChristData(int pageIndex, int pageSize)
{
int intStartIndex = (pageIndex -1) * pageSize +1;
int intEndIndex = pageIndex * pageSize;
DataSet tChrisTable
= TChristmaxWishBLL.GetTChristmaxWish(intStartIndex, intEndIndex);
if (tChrisTable !=null&& tChrisTable.Tables[0].Rows.Count >0)
{

ddlBlessingList.DataSource
= tChrisTable;
ddlBlessingList.DataBind();
_MaxPageSize
= Convert.ToInt32(tChrisTable.Tables[1].Rows[0][0].ToString()) % pageSize ==0? Convert.ToInt32(tChrisTable.Tables[1].Rows[0][0].ToString()) / pageSize : Convert.ToInt32(tChrisTable.Tables[1].Rows[0][0].ToString()) / pageSize +1;
}
}
Sql语句:
select row_num,User_Name,User_Email,User_Phone,To_UserName,To_Context from(SELECT ROW_NUMBER() OVER ( ORDER BY To_Date desc)as row_num,User_Name,User_Email,User_Phone,To_UserName,To_Context from TChristmaxWish where Is_Del=0 )as newTable where row_num between @intStrIndex and  @intEndIndex;
select count(id) from TChristmaxWish where Is_Del=0
 

http://s.click.taobao.com/t_8?e=7HZ5x%2BOzdswsVvyc5Jts79Au1Q%3D%3D&p=mm_24156262_0_0

posted @ 2011-01-06 16:38  向——丁——丁  阅读(1183)  评论(0编辑  收藏  举报