首頁 > 其他

無重新整理分頁 jquery.pagination.js

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

 

採用Jquery無重新整理分頁外掛程式jquery.pagination.js
實現無重新整理分頁效果

 

1.外掛程式參數列表

 

  http://www.dtan.so

2.頁面內容：

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head runat="server"><br /> <title>Porschev----無重新整理翻頁</title><br /> <mce:script src="Script/jquery-1.4.1.min.js" mce_src="Script/jquery-1.4.1.min.js" type="text/javascript"></mce:script><br /> <mce:script src="Script/jquery.pagination.js" mce_src="Script/jquery.pagination.js" type="text/javascript"></mce:script><br /> <mce:script src="Script/tablecloth.js" mce_src="Script/tablecloth.js" type="text/javascript"></mce:script><br /> <link href="Style/tablecloth.css" mce_href="Style/tablecloth.css" rel="stylesheet" type="text/css" /><br /> <link href="Style/pagination.css" mce_href="Style/pagination.css" rel="stylesheet" type="text/css" /><br /> <mce:script type="text/javascript"><!--</p><p> var pageIndex = 0; //頁面索引初始值<br /> var pageSize = 10; //每頁顯示條數初始化，修改顯示條數，修改這裡即可</p><p> $(function() {<br /> InitTable(0); //Load事件，初始化表格式資料，頁面索引為0（第一頁）</p><p> //分頁，PageCount是總條目數，這是必選參數，其它參數都是可選<br /> $("#Pagination").pagination(<%=pageCount %>, {<br /> callback: PageCallback,<br /> prev_text: '上一頁', //上一頁按鈕裡text<br /> next_text: '下一頁', //下一頁按鈕裡text<br /> items_per_page: pageSize, //顯示條數<br /> num_display_entries: 6, //連續分頁主體部分分頁條目數<br /> current_page: pageIndex, //當前頁索引<br /> num_edge_entries: 2 //兩側首尾分頁條目數<br /> });</p><p> //翻頁調用<br /> function PageCallback(index, jq) {<br /> InitTable(index);<br /> }<br /> //請求資料<br /> function InitTable(pageIndex) {<br /> $.ajax({<br /> type: "POST",<br /> dataType: "text",<br /> url: 'Handler/PagerHandler.ashx', //提交到一般處理常式請求資料<br /> data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize, //提交兩個參數：pageIndex(頁面索引)，pageSize(顯示條數)<br /> success: function(data) {<br /> $("#Result tr:gt(0)").remove(); //移除Id為Result的表格裡的行，從第二行開始（這雷根據頁面配置不同頁變）<br /> $("#Result").append(data); //將返回的資料追加到表格<br /> }<br /> });<br /> }</p><p> });</p><p>// --></mce:script><br /></head><br /><body><br /><div align="center"><br /> <h1>Posrchev----無重新整理分頁</h1><br /></div><br /><div id="container"><br /> <table id="Result" cellspacing="0" cellpadding="0"><br /><tr><br /><th>編號</th><br /><th>名稱</th><br /></tr><br /> </table><br /> <div id="Pagination"></div><br /></div><br /></body><br /></html> 

 

3.頁面後台內容：

using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Web;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br />public partial class _Default : System.Web.UI.Page<br />{<br /> public string pageCount = string.Empty; //總條目數<br /> protected void Page_Load(object sender, EventArgs e)<br /> {<br /> if (!IsPostBack)<br /> {<br /> pageCount = new PagerTestBLL.PersonManager().GetPersonCount().ToString();<br /> }<br /> }<br />}<br />

 

4.Handler中的內容：

<%@ WebHandler Language="C#" Class="PagerHandler" %><br />using System;<br />using System.Web;<br />using System.Collections.Generic;<br />using System.Text;<br />public class PagerHandler : IHttpHandler {</p><p> public void ProcessRequest (HttpContext context) {<br /> context.Response.ContentType = "text/plain";<br /> string str = string.Empty;</p><p> //具體的頁面數<br /> int pageIndex;<br /> int.TryParse(context.Request["pageIndex"], out pageIndex);<br /> //頁面顯示條數<br /> int size = Convert.ToInt32(context.Request["pageSize"]);</p><p> if (pageIndex == 0)<br /> {<br /> pageIndex = 1;<br /> }</p><p> int count;<br /> List<PagerTestModels.Person> list = new PagerTestBLL.PersonManager().GetAllPerson(size, pageIndex, "", out count);</p><p> StringBuilder sb = new StringBuilder();<br /> foreach (PagerTestModels.Person p in list)<br /> {<br /> sb.Append("<tr><td>");<br /> sb.Append(p.Id.ToString());<br /> sb.Append("</td><td>");<br /> sb.Append(p.Name);<br /> sb.Append("</td></tr>");<br /> }<br /> str = sb.ToString();<br /> context.Response.Write(str);<br /> }</p><p> public bool IsReusable {<br /> get {<br /> return false;<br /> }<br /> }<br />}

 

5.實現：

 

 

6.源碼

 

http://download.csdn.net/source/2959451

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More