基于jquery的分页控件(C#)


Posted in Javascript onJanuary 06, 2011

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
Javascript 相关文章推荐
关于COOKIE个数与大小的问题
Jan 17 Javascript
浅谈Javascript中深复制
Dec 01 Javascript
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
原生js实现图片放大缩小计时器效果
Jan 20 Javascript
js简易版购物车功能
Jun 17 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
es6数据变更同步到视图层的方法
Mar 04 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
ES6的循环与可迭代对象示例详解
Jan 31 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 #Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 #Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 #Javascript
ASP中Sub和Function的区别说明
Aug 30 #Javascript
TBCompressor js代码压缩
Jan 05 #Javascript
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 #Javascript
Js event事件在IE、FF兼容性问题
Jan 01 #Javascript
You might like
简单的PHP多图上传小程序代码
2011/07/17 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
php中strtotime函数性能分析
2016/11/20 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
js压缩利器
2007/02/20 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
jQuery实现瀑布流的取巧做法分享
2015/01/12 Javascript
js日期范围初始化得到前一个月日期的方法
2015/05/05 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
Python下线程之间的共享和释放示例
2015/05/04 Python
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
Python FFT合成波形的实例
2019/12/04 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
师德师风个人反思
2014/04/28 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
学校食品安全责任书
2015/01/29 职场文书
电气工程师岗位职责
2015/02/12 职场文书
2015年初三班主任工作总结
2015/05/21 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android