基于jquery的分页控件(C#)
2011-01-06 00:00
567 查看
JS代码:
Code:
HTML Code:
C# Code:
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的分页控件(C#)
- 基于jquery扩展漂亮的分页控件(ajax)
- 基于jquery的ajax分页控件的简单实现
- 基于jquery实现简单的分页控件
- AJAX触发aspnet控件的C#事件(基于Jquery)
- ajax 分页控件,基于jquery
- 基于jQuery的实现简单的分页控件
- 基于jQuery的实现简单的分页控件
- AJAX触发aspnet控件的C#事件(基于Jquery)
- 基于JQuery 的分页控件
- 福利到~分享一个基于jquery的智能提示控件intellSeach.js
- 基于C#的WinForm中DataGridView控件操作汇总
- 基于C#调用OCX控件的常用方法(推荐)
- 一个相当独立的.通用分页控件c#源码四(downmoon收集)
- 基于bootstrap3和jquery的分页插件
- 基于jquery实现智能提示控件intellSeach.js
- 基于jQuery 常用WEB控件收集
- 基于jquery实现的表格分页实现代码
- 基于Jquery的无刷新分页---可实时读取页总计录数、总页数、每页条数附详细注释
- [JavaScript]基于Bootstrap+jQuery构建前端分页工具