Jquery＋JSon实现的Asp.net无刷新分页控件

控件类代码：

 

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Reflection;
using System.IO;

[assembly: WebResource("PageBarJS.js", "application/x-javascript")]
namespace Hawkon.Control {
    [DefaultProperty("Text")]
    [ToolboxData("<{0}:PageBar runat=server></{0}:PageBar>")]
    public class PageBar : WebControl {
        [Bindable(true)]
        [Category("Data")]
        [DefaultValue("1")]
        [Localizable(true)]
        public int PageIndex {
            get {
                return pageIndex;
            }

            set {
                pageIndex = value;
            }
        }
        private int pageIndex;

        [Bindable(true)]
        [Category("Data")]
        [DefaultValue("1")]
        [Localizable(true)]
        public int PageCount {
            get {
                return pageCount;
            }

            set {
                pageCount = value;
            }
        }
        private int pageCount;

        [Bindable(true)]
        [Category("Data")]
        [DefaultValue("5")]
        [Localizable(true)]
        public int DisplayCount {
            get {
                return displayCount;
            }

            set {
                displayCount = value;
            }
        }
        private int displayCount;

        protected override void RenderContents(HtmlTextWriter output) {

            string html = "";
            html += CreateA(1, "<<");
            int b = 0, e = 0;
            if (pageIndex <= displayCount) {
                b = 1;
                e = displayCount * 2 + 1;
            }
            else if (pageIndex > pageCount - displayCount) {

                b = pageCount - displayCount * 2;
                e = pageCount;
            }
            else {
                b = pageIndex - displayCount;
                e = pageIndex + displayCount;
            }
            if (b <= 1) {
                html += CreateA(1, "");
            }
            else
                html += CreateA(b - 1, "");
            for (int i = b; i <= e; i++) {

                html += CreateA(i, i.ToString());

            }
            html += CreateA(e + 1, "");
            html += CreateA(pageCount, ">>");
            // html += string.Format("<script src='{0}' type='text/javascript'></script>",
            //   this.Page.ClientScript.GetWebResourceUrl(typeof(PageBar), "JScript1.js"));
            output.Write(html);
        }
        private string CreateA(int pageIndex, string text) {
            if (pageIndex == this.pageIndex) {
                return string.Format("<a class=\"pageA\" title='页'  id =\"{0}\">{1}</a>&nbsp;", pageIndex, text);
            }
            return string.Format("<a class=\"pageA\" title='页' href=\"#\" id=\"{0}\">{1}</a>&nbsp;", pageIndex, text);

        }
        protected override void OnPreRender(EventArgs e) {
            base.OnPreRender(e);
            string resourceName = "PageBarJS.js";
            string url = this.Page.ClientScript.GetWebResourceUrl(this.GetType(), "PageBarJS.js");
            string script = "\r\n<script src=\"" + HttpUtility.HtmlAttributeEncode(url) + "\" type=\"text/javascript\"></script>";
            this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), resourceName, script, false);
            script = @"<script type=""text/javascript"">$(document).ready(function() {InitPageBar(5, ""BookListByPage"", ""Books "",  50,""pageA"");});</script>";            this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "ready", script);            
        }
        protected override void Render(HtmlTextWriter writer) {
            base.Render(writer);
        }

    }
}

 

 JS资源文件代码：

var displayCount;
var getDataUrl;
var bookTableId;
var currentIndex;
var pageCount;
var linkClass;
var fields;
function InitPageBar(dc, gdu, btId,pc,lc) {
    displayCount = dc;
    getDataUrl = gdu;
    bookTableId = btId;
    currentIndex = 1;
    pageCount = pc;
    linkClass = "."+lc;
    $(linkClass).click(GetPage);
}
function GetPageById(id) {

    $("#CI").val(id);
    var surl = getDataUrl+"?pageIndex=" + id;
    $.ajax({
        url: surl,
        type: "GET",
        dataType: "json",
        timeout: 1000,
        success: showResult
    }
            );
}
function GetPage() {
    GetPageById($(this).get(0).id);
}
function showResult(result) {
    for (i = 1; i <= result.Data.length; i++) {
        var id = "#" + bookTableId + " tr:nth-child(" + i + ")";
        obj = result.Data[i - 1];
        for (var key in obj) {
            ctl = $(id).find("." + key);
            if (ctl.length > 0) {
            ctl.get(0).innerHTML = obj[key];
            }
        }
    }
    $(linkClass).each(function(index) {
        var i, b, e;

        if (result.CurrentPageIndex <= displayCount) {
            b = 1;
            e = (displayCount + 1) * 2;
            i = index - 2 + 1;
        }
        else if (result.CurrentPageIndex > pageCount - displayCount) {

        b = pageCount - displayCount * 2;
        e = pageCount;
        i = pageCount - displayCount * 2 + index - 2;
        }
        else {
            i = result.CurrentPageIndex - displayCount + index - 2;
            b = result.CurrentPageIndex - displayCount - 1;
            e = result.CurrentPageIndex + displayCount + 1;
        }
        if ($(this).get(0).id == $(this).text()) {
            $(this).text(i);
        }
        else if (index == 1) {
            if (b <= 1) {

                $(this).get(0).id = 1;

            }
            else {
                $(this).get(0).id = b - 1;
            }
        }
        else if (index == displayCount * 2 + 3) {
            $(this).get(0).id = e;
        }

        $(this).attr("href", "#");

        if ((i >= b) && (i <= e)) {
            $(this).get(0).id = i;
        }

        if ($(this).text == result.CurrentPageIndex) {
            $(this).removeAttr("href");
        }
    });
    currentIndex = result.CurrentPageIndex;

}

 

 

    <form runat="server" id="form1">
    <div>
    <asp:Repeater ID="rptBooks" runat="server">
        <HeaderTemplate>
            <table id="Books" width="90%" cellspacing="0" style="font-size:12px;">
                <tr>
                    <th>
                        书名
                    </th>
                    <th>
                        作者
                    </th>
                    <th>
                        类别
                    </th>
                    <th width="30px">
                        
                    </th>
                    <th width="30px">
                        
                    </th>
                </tr>
                <tbody id="Data">
                    <tr>
        </HeaderTemplate>
        <ItemTemplate>
            <td class="Title">
                <%# Eval("Title") %>
            </td>
            <td class="Author">
                <%# Eval("Author") %>
            </td>
            <td class="CategoryName">
                <%# Eval("Categories.Name")%>
            </td>
            <td>
                <a href="#" id='<%# Eval("Id") %>' class="delBook">删除</a>
            </td>
            <td>
                <a href='BookDetail/<%# Eval("Id") %>' class="details">详细</a>
            </td>
        </ItemTemplate>
        
        <SeparatorTemplate>
            </tr><tr>
        </SeparatorTemplate>
        <FooterTemplate>
            </tr></tbody>
            <tr>
                <td colspan="3">
            <cc1:PageBar ID="PageBar1" runat="server" PageCount="100" DisplayCount="5" PageIndex="1"  />
                    <input type="text" id = "CI" />
                </td>
                </td>
            </tr>
            </table>
        </FooterTemplate>
    </asp:Repeater>
    </div>
    </form>

 

 Ajax请求地址返回的JSON数据：

{"Data":[{"Title":"C#.NET程序设计——国外计算机科学经典教材","CategoryName":".NET","Author":"布拉德利（Bradley,J.C.），米尔斯波（Millspaugh,A.C.）  著， 天宏工作室  译","Id":5392},{"Title":"C#2.0〔宝典）（附盘）","CategoryName":"C C++ VC VC++","Author":"张立  编著","Id":5027},{"Title":"C#2.0完全自学手册(附CD)","CategoryName":"C C++ VC VC++","Author":"张立　等编著","Id":5081},{"Title":"C#2005数据库编程经典教程","CategoryName":"C C++ VC VC++","Author":"（美）沃顿（Karli watton）  著，陈秋萍  译","Id":4983},{"Title":"C#程序设计教程——计算机基础课程系列教材","CategoryName":"C C++ VC VC++","Author":"郑阿奇，梁敬东  主编","Id":5127},{"Title":"C#程序员参考手册","CategoryName":"C C++ VC VC++","Author":"Grant Palmer 著，康博 译","Id":5132},{"Title":"C#和.NET核心技术——开发人员专业技术丛书","CategoryName":"C C++ VC VC++","Author":"（美）佩里（Perry,S.C.）  著，肖斌  等译","Id":5104},{"Title":"C#基础与实例教程（附CD-ROM光盘一张）","CategoryName":"C C++ VC VC++","Author":"郝春强  编著","Id":5071},{"Title":"C#软件项目开发全程剖析","CategoryName":"C C++ VC VC++","Author":"（德）侯姆，（德）克鲁格，（德）斯普达 著，薛兴涛，袁勤勇 译","Id":5034},{"Title":"C#设计模式——开发大师系列","CategoryName":"C C++ VC VC++","Author":"（美）麦斯科 著，颜炯 译","Id":4954}],"CurrentPageIndex":15,"PageCount":1074}