分页插件jquery.pagination.js

2024-12-30 技术教程

采用Jquery无刷新分页插件jquery.pagination.js实现无刷新分页效果

1.插件参数列表

http://www.dtan.so

2.页面内容：

[c-sharp]view plaincopyprint? <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%> <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <title>Porschev----无刷新翻页</title> <mce:scriptsrc="Script/jquery-1.4.1.min.js"mce_src="Script/jquery-1.4.1.min.js"type="text/javascript"></mce:script> <mce:scriptsrc="Script/jquery.pagination.js"mce_src="Script/jquery.pagination.js"type="text/javascript"></mce:script> <mce:scriptsrc="Script/tablecloth.js"mce_src="Script/tablecloth.js"type="text/javascript"></mce:script> <linkhref="Style/tablecloth.css"mce_href="Style/tablecloth.css"rel="stylesheet"type="text/css"/> <linkhref="Style/pagination.css"mce_href="Style/pagination.css"rel="stylesheet"type="text/css"/> <mce:scripttype="text/javascript"></mce:script> </head> <body> <divalign="center"> <h2>Posrchev----无刷新分页</h2> </div> <divid="container"> <tableid="Result"cellspacing="0"cellpadding="0"> <tr> <th>编号</th> <th>名称</th> </tr> </table> <divid="Pagination"></div> </div> </body> </html>

3.页面后台内容：

[c-sharp]view plaincopyprint? usingSystem; usingSystem.Collections.Generic; usingSystem.Linq; usingSystem.Web; usingSystem.Web.UI; usingSystem.Web.UI.WebControls; publicpartialclass_Default:System.Web.UI.Page { publicstringpageCount=string.Empty;//总条目数 protectedvoidPage_Load(objectsender,EventArgse) { if(!IsPostBack) { pageCount=newPagerTestBLL.PersonManager().GetPersonCount().ToString(); } } }

4.Handler中的内容：

[c-sharp]view plaincopyprint? <%@WebHandlerLanguage="C#"Class="PagerHandler"%> usingSystem; usingSystem.Web; usingSystem.Collections.Generic; usingSystem.Text; publicclassPagerHandler:IHttpHandler{ publicvoidProce***equest(HttpContextcontext){ context.Response.ContentType="text/plain"; stringstr=string.Empty; //具体的页面数 intpageIndex; int.TryParse(context.Request["pageIndex"],outpageIndex); //页面显示条数 intsize=Convert.ToInt32(context.Request["pageSize"]); if(pageIndex==0) { pageIndex=1; } intcount; List<PagerTestModels.Person>list=newPagerTestBLL.PersonManager().GetAllPerson(size,pageIndex,"",outcount); StringBuildersb=newStringBuilder(); foreach(PagerTestModels.Personpinlist) { sb.Append("<tr><td>"); sb.Append(p.Id.ToString()); sb.Append("</td><td>"); sb.Append(p.Name); sb.Append("</td></tr>"); } str=sb.ToString(); context.Response.Write(str); } publicboolIsReusable{ get{ returnfalse; } } }

5.实现效果图：