ASP.NET GridView的Bootstrap分页样式

2020-01-17 22:37:06

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了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; } }

country_revenue.csv