ASP.NET GridView的Bootstrap分页样式

本文实例为大家分享了GridView的Bootstrap分页样式，供大家参考，具体内容如下

Revenue.cs收入类，包括实体模型和业务逻辑

				?

									public class Revenue

									{

									public Revenue(string country, string revenue, string salesmanager, string year)

									{

									 this.country = country;

									 this.revenue = revenue;

									 this.salesmanager = salesmanager;

									 this.year = year;

									}

									public Revenue() { }

									public string country { get; set; }

									public string revenue { get; set; }

									public string salesmanager { get; set; }

									public string year { get; set; }

									public List<Revenue> GetRevenueDetails(int pagenumber,int maxrecords)

									{

									 List<Revenue> lstRevenue = new List<Revenue>();

									 string filename = HttpContext.Current.Server.MapPath("~/App_Data/country_revenue.csv");

									 int startrecord = (pagenumber * maxrecords) - maxrecords;

									 if (File.Exists(filename))

									 {

									 IEnumerable<int> range = Enumerable.Range(startrecord, maxrecords);

									 IEnumerable<String> lines = getFileLines(filename, range);

									 foreach (String line in lines)

									 {

									  string[] row = line.Split(',');

									  lstRevenue.Add(new Revenue(row[0], row[1], row[2], row[3]));

									 }

									 }

									 return lstRevenue;

									}

									public static IEnumerable<String> getFileLines(String path, IEnumerable<int> lineIndices)

									{

									 return File.ReadLines(path).Where((l, i) => lineIndices.Contains(i));

									}

									public int GetTotalRecordCount()

									{  

									 string filename = HttpContext.Current.Server.MapPath("~/App_Data/country_revenue.csv");

									 int count = 0;

									 if (File.Exists(filename))

									 {

									 string[] data = File.ReadAllLines(filename);

									 count= data.Length;

									 }

									 return count;

									} 

									}

Default.aspx内容:

				?

									<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="GridViewBootstrapPagination.Default" %>

									<!DOCTYPE html>

									<html xmlns="http://www.w3.org/1999/xhtml">

									<head runat="server">

									 <title>GridView的Bootstrap分页样式</title>

									 <link href="Styles/bootstrap.min.css" rel="stylesheet" />

									 <script src="Scripts/jquery-1.8.2.js"></script>

									 <script src="Scripts/jquery.bootpag.min.js"></script>

									 <script type="text/javascript">

									 $(document).ready(function () {

									  // init bootpag

									  var count = GetTotalPageCount();

									  $('#page-selection').bootpag(

									  {

									   total:count

									  }).on("page", function (event, num) {

									   GetGridData(num);

									  });

									 });

									 function GetGridData(num) {

									  $.ajax({

									  type: "POST",

									  url: "Default.aspx/GetRevenueDetail",

									  data: "{ \"pagenumber\":" + num + "}",

									  contentType: "application/json; charset=utf-8",

									  dataType: "json",

									  success: function (data) {

									   bindGrid(data.d);

									  },

									  error: function (xhr, status, err) {

									   var err = eval("(" + xhr.responseText + ")");

									   alert(err.Message);

									  }

									  });

									 }

									 function bindGrid(data) {

									  $("[id*=gvBSPagination] tr").not(":first").not(":last").remove();

									  var table1 = $('[id*=gvBSPagination]');

									  var firstRow = "$('[id*=gvBSPagination] tr:first-child')";

									  for (var i = 0; i < data.length; i++) {

									  var rowNew = $("<tr><td></td><td></td><td></td><td></td></tr>");

									  rowNew.children().eq(0).text(data[i].country);

									  rowNew.children().eq(1).text(data[i].revenue);

									  rowNew.children().eq(2).text(data[i].salesmanager);

									  rowNew.children().eq(3).text(data[i].year);

									  rowNew.insertBefore($("[id*=gvBSPagination] tr:last-child"));

									  }

									 }

									 function GetTotalPageCount() {

									  var mytempvar = 0;

									  $.ajax({

									  type: "POST",

									  url: "Default.aspx/GetTotalPageCount",

									  data: "",

									  contentType: "application/json; charset=utf-8",

									  dataType: "json",

									  async:false,

									  success: function (data) {

									   mytempvar=data.d;

									  },

									  error: function (xhr, status, err) {

									   var err = eval("(" + xhr.responseText + ")");

									   alert(err.Message);

									  }

									  });

									  return mytempvar;

									 }

									 </script>

									</head>

									<body>

									 <form id="form1" runat="server">

									 <div style="width:670px;margin-left:auto;margin-right:auto;">

									 <h2 style="text-align:center;">ASP.NET GridView的Bootstrap分页样式</h2>

									 <asp:GridView ID="gvBSPagination" runat="server" CssClass="table table-striped table-bordered table-condensed" Width="660px" AllowPaging="true" PageSize="5" OnPreRender="gvBSPagination_PreRender">

									  <PagerTemplate>

									  <div id="page-selection" class="pagination-centered"></div>

									  </PagerTemplate>

									 </asp:GridView>

									 <div id="content"></div> 

									 </div>

									 </form>

									</body>

									</html>

后台代码:

				?

									public partial class Default : System.Web.UI.Page

									{

									private const int MAX_RECORDS = 5;

									protected void Page_Load(object sender, EventArgs e)

									{

									 string filename = Server.MapPath("~/App_Data/country_revenue.csv");

									 if (!IsPostBack)

									 {

									 List<Revenue> revenue = GetRevenueDetail(1);

									 gvBSPagination.DataSource = revenue;

									 gvBSPagination.DataBind();

									 }

									}

									[WebMethod]

									[ScriptMethod(UseHttpGet = false, ResponseFormat = ResponseFormat.Json)]  

									 public static List<Revenue> GetRevenueDetail(int pagenumber)

									 {

									 Revenue rv = new Revenue();

									 List<Revenue> lstrevenue = rv.GetRevenueDetails(pagenumber,MAX_RECORDS);  

									 return lstrevenue;

									}

									[WebMethod]

									[ScriptMethod(UseHttpGet = false, ResponseFormat = ResponseFormat.Json)]

									public static int GetTotalPageCount()

									{

									 int count=0;

									 Revenue rv=new Revenue();

									 count = rv.GetTotalRecordCount();

									 count = count / MAX_RECORDS;

									 return count;

									}

									protected void gvBSPagination_PreRender(object sender, EventArgs e)

									{

									 GridView gv = (GridView)sender;

									 GridViewRow pagerRow = (GridViewRow)gv.BottomPagerRow;

									 if (pagerRow != null && pagerRow.Visible == false)

									 pagerRow.Visible = true;

									}

									}