webform（七）分页
生活随笔
收集整理的這篇文章主要介紹了
webform（七）分页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
分頁就是把大量數據分成X個/組，每次只顯示一組數據的數據展示方式。
前端代碼：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Page.aspx.cs" Inherits="Page" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>分頁</title> /*樣式表*/<style type="text/css">.UF_div {width: 1200px;margin: 0 auto;background-color: #eeeeee;}.User_div {display: inline-block;background-color: #ffccff;border-color: blue;border-width: 5px;margin: 5px 0;margin-left: 5px;border-style: solid;height: 210px;width: 220px;line-height:30px;}.User_div:hover {background-color: palevioletred;}.pagechange{width:100%;text-align:center;line-height:30px;}</style> </head> <body><form id="form1" runat="server"> <--數據展示區--><div class="UF_div"><asp:Repeater ID="UserData_all" runat="server"><ItemTemplate><div class="User_div">編 號：<%# Eval("Ucode")%><br />用戶名：<%# Eval("UserName")%><br />密 碼：<%# Eval("PassWord")%><br />昵 稱：<%# Eval("NickName")%><br />性 別：<%# Eval("SexStr")%><br />地 區：<%# Eval("PartyName")%><br />位 置：<%# Eval("LaneName")%><br /></div></ItemTemplate></asp:Repeater><div style="clear: both"></div></div> <--頁數控制按鈕--><div class="pagechange">當前第【 <asp:Label ID="lab_nowpage" runat="server" Text="1"></asp:Label> 】頁 共【 <asp:Label ID="lab_maxpage" runat="server" Text="1"></asp:Label> 】頁<br /><asp:Button ID="btn_first" runat="server" Text="首頁" /><asp:Button ID="btn_up" runat="server" Text="上一頁" /><asp:Button ID="btn_next" runat="server" Text="下一頁" /><asp:Button ID="btn_end" runat="server" Text="末頁" /><br />跳轉到第<asp:DropDownList ID="ddl_jumpto" AutoPostBack="true" runat="server"></asp:DropDownList>頁<%-- <asp:Button ID="btn_jumpto" runat="server" Text="跳轉" />--%></div></form> </body> </html>
?
前端代碼主要是數據展示區和頁數控制代碼兩個部分。
后臺代碼
public partial class Page : System.Web.UI.Page {//規定每頁顯示的數量int c_aPage = 5;protected void Page_Load(object sender, EventArgs e){//首頁按鈕btn_first.Click += Btn_first_Click;//上一頁按鈕btn_up.Click += Btn_up_Click;//下一頁按鈕btn_next.Click += Btn_next_Click;//末頁按鈕btn_end.Click += Btn_end_Click;//跳轉列表的選擇項改變ddl_jumpto.SelectedIndexChanged += Ddl_jumpto_SelectedIndexChanged;//跳轉按鈕//btn_jumpto.Click += Btn_jumpto_Click;//如果首次登錄 加載第一頁數據if (!IsPostBack){//數據綁定UserData_all.DataSource = new UsersData().Selectpage(1, c_aPage);UserData_all.DataBind();//獲取最大頁數lab_maxpage.Text = getMaxPage().ToString();//跳轉頁數列表綁定for (int i = 1; i <= Convert.ToInt32(lab_maxpage.Text); i++){ddl_jumpto.Items.Add(i.ToString());}}}//跳轉列表的選擇項改變事件private void Ddl_jumpto_SelectedIndexChanged(object sender, EventArgs e){int a = Convert.ToInt32(ddl_jumpto.SelectedItem.Text);pageDataBind(a);}//跳轉按鈕點擊事件private void Btn_jumpto_Click(object sender, EventArgs e){int a = Convert.ToInt32(ddl_jumpto.SelectedItem.Text);pageDataBind(a);}//獲取最大頁數的方法public int getMaxPage(){int end = 1;int allcount = new UsersData().SelectAll().Count;decimal a = Convert.ToDecimal(allcount) / c_aPage;end = Convert.ToInt32(Math.Ceiling(a));return end;}//首頁點擊事件private void Btn_first_Click(object sender, EventArgs e){int a = 1;pageDataBind(a);}//上一頁點擊事件private void Btn_up_Click(object sender, EventArgs e){int a = Convert.ToInt32(lab_nowpage.Text) - 1;if (a > 0){pageDataBind(a);}}//下一頁點擊事件private void Btn_next_Click(object sender, EventArgs e){int a = Convert.ToInt32(lab_nowpage.Text) + 1;if (a <= Convert.ToInt32(lab_maxpage.Text)){pageDataBind(a);}}//末頁點擊事件private void Btn_end_Click(object sender, EventArgs e){int a = Convert.ToInt32(lab_maxpage.Text);pageDataBind(a);}//綁定單頁數據方法public void pageDataBind(int a){UserData_all.DataSource = new UsersData().Selectpage(a, c_aPage);UserData_all.DataBind();lab_nowpage.Text = a.ToString();} }
后臺代碼規定了每頁顯示的數據數量，并且添加了換頁按鈕的點擊事件。
效果圖
轉載于:https://www.cnblogs.com/shenyuyaqing/p/7360438.html
總結
以上是生活随笔為你收集整理的webform（七）分页的全部內容，希望文章能夠幫你解決所遇到的問題。
