基于jquery的分页控件(C#) - Web前端
作者：98wpeu发布时间：2026-07-29分类：网页前端技术浏览：2
导读：JS代码：code：复制代码代码如下:var_MaxPageSize=0;var_PageSize=5;var_IsUpDown=false;func...
JS代码：
code：
复制代码 代码如下:
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 += "... ";
if (_CurrentPageSize == curPage) {
strPage += " <a href='#' style='font-size:14px;color:red'>" + curPage + "</a>";
}
else {
strPage += " <a href=\"#\" style='font-size:14px' onclick=\"" + _FunName + "(" + curPage + ");\">" + curPage + "</a>";
}
if (curPage == maxSize && _MaxPageSize - _CurrentPageSize - 1 > size) {
strPage += "... ";
}
strResult += strPage;
}
}
strResult += "";
if (_IsUpDown) {
if (_CurrentPageSize == 1)
strResult = "<a href='#' >上一页</a>" + strResult;
else
strResult = " <a href=\"#\" onclick=\"" + _FunName + "(" + (_CurrentPageSize - 1) + ");\">上一页</a>" + strResult;
if (_CurrentPageSize == _MaxPageSize) {
strResult = strResult + " <a>下一页</a></ul>";
}
else {
strResult = strResult + " <a href=\"#\" onclick=\"" + _FunName + "(" + (_CurrentPageSize + 1) + ");\">下一页</a>";
}
}
document.getElementById(objDiv).innerHTML =strResult;
}
html Code:
复制代码 代码如下:
<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;">
<%#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：
复制代码 代码如下:
PRivate int _MaxPageSize = 1;
protected void 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>";
}
private void 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
code：
复制代码 代码如下:
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 += "... ";
if (_CurrentPageSize == curPage) {
strPage += " <a href='#' style='font-size:14px;color:red'>" + curPage + "</a>";
}
else {
strPage += " <a href=\"#\" style='font-size:14px' onclick=\"" + _FunName + "(" + curPage + ");\">" + curPage + "</a>";
}
if (curPage == maxSize && _MaxPageSize - _CurrentPageSize - 1 > size) {
strPage += "... ";
}
strResult += strPage;
}
}
strResult += "";
if (_IsUpDown) {
if (_CurrentPageSize == 1)
strResult = "<a href='#' >上一页</a>" + strResult;
else
strResult = " <a href=\"#\" onclick=\"" + _FunName + "(" + (_CurrentPageSize - 1) + ");\">上一页</a>" + strResult;
if (_CurrentPageSize == _MaxPageSize) {
strResult = strResult + " <a>下一页</a></ul>";
}
else {
strResult = strResult + " <a href=\"#\" onclick=\"" + _FunName + "(" + (_CurrentPageSize + 1) + ");\">下一页</a>";
}
}
document.getElementById(objDiv).innerHTML =strResult;
}
html Code:
复制代码 代码如下:
<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;">
<%#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：
复制代码 代码如下:
PRivate int _MaxPageSize = 1;
protected void 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>";
}
private void 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
相关推荐
- jquery向.ashx文件post中文乱码问题的解决方法 - Web前端
- 如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙 - Web前端
- jquery isEmptyObject判断是否为空对象的函数 - Web前端
- jquery中动态效果小结 - Web前端
- 基于jquery实现的可以编辑选择的下拉框的代码 - Web前端
- boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器 - Web前端
- jquery下将选择的checkbox的id组成字符串的方法 - Web前端
- jQuery 1.9使用$.support替代$.browser的使用方法 - Web前端
- jQuery)扩展jQuery系列之一 模拟alert，confirm（一） - Web前端
- jquery中this的使用说明 - Web前端
- 网页前端技术排行
-
- 1[Web前端]用javascript实现默认图片替代未显示的图片 - Web前端
- 2分析Iconfont-阿里巴巴矢量常用图标库 - Web前端
- 3【第六章】Foundation之按钮和下拉功能 - Web前端
- 4jQuery实例教程:制作网页中可折叠的面板 - Web前端
- 5基于jquery的滚动条滚动固定div(附演示下载) - Web前端
- 6jQuery编写widget的一些技巧分享 - Web前端
- 7jQuery实现鼠标移到元素上动态提示消息框效果 - Web前端
- 8在Mac/PC上远程调试iPhone/iPad上的网页 - Web前端
- 9分享精心挑选的12款优秀jQuery Ajax分页插件和教程 - Web前端
- 最近发表
-
- WordPress随机显示特色图片插件：Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案：坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP：Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性