基于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 相关文章推荐
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
Jun 01 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
微信小程序实现带参数的分享功能(两种方法)
May 17 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
微信小程序实现点击页面出现文字
Sep 21 Javascript
uni-app使用countdown插件实现倒计时
Nov 01 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
PHP 高级课程笔记 面向对象
2009/06/21 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
php读取本地json文件的实例
2018/03/07 PHP
JavaScript 三种创建对象的方法
2009/10/16 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
python实现单向链表详解
2018/02/08 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
英国露营设备和户外服装购物网站:Simply Hike
2019/05/05 全球购物
怎样自定义一个异常类
2016/09/27 面试题
工程概预算专业毕业生求职信
2013/10/04 职场文书
安全资金保障制度
2014/01/23 职场文书
企业总经理任命书
2014/06/05 职场文书
校庆标语集锦
2014/06/25 职场文书
企业年检委托书范本
2014/10/14 职场文书
小学中等生评语
2014/12/29 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
班主任自我评价范文
2015/03/11 职场文书
电影红河谷观后感
2015/06/11 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL
Pygame Time时间控制的具体使用详解
2021/11/17 Python
python实现学生信息管理系统(面向对象)
2022/06/05 Python