控件（九）——Repeater控件实现分页

Repeater控件有五个模版，我们可以根据需要选择使用，分别是：

1、ItemTempplate：正常项

2、AlternatingItemTemplate：交错项

3、HeaderTemplate：页眉

4、FooterTemplate：页脚

5、SeparaterTemplate：分隔符

下面，我们来看一个Repeater控件实现分页的例子：

一、设计界面：

二、前台代码：

<form id="form1" runat="server"> <div align="center" style="height: 379px; width: 780px"> <br /> 分 页 显 示： <br /> <br /> 当前页： <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <br /> <br /> <asp:Button ID="btnBefore" runat="server" Text="上一页" Font-Bold="True" Font-Size="Medium" OnClick="btnBefore_Click" /> <asp:Button ID="btnNext" runat="server" Text="下一页" Font-Bold="True" Font-Size="Medium" OnClick="btnNext_Click" /> <br /> <br /> <%-- Panel容器--%> <asp:Panel ID="Panel1" runat="server" Height="180px" Width="441px"> <%-- Repeater控件--%> <asp:Repeater ID="Repeater1" runat="server"> <%--正常项--%> <ItemTemplate> <%# DataBinder.Eval(Container.DataItem,"cityID") %> <%--绑定数据库字段--%> <%# DataBinder.Eval(Container.DataItem,"cityName") %> </ItemTemplate> <HeaderTemplate> <hr size="1"> 模版页眉 <hr color="blue" size="1"> </HeaderTemplate> <FooterTemplate> <hr color="blue" size="1"> 模版页脚 <hr size="1"> </FooterTemplate> <SeparatorTemplate> <hr color="blue" size="1"> </SeparatorTemplate> </asp:Repeater> </asp:Panel> </div>

三、创建数据库：

create database city --创建数据库 use city create table city --创建城市表 ( cityID int primary key, proID int foreign key references province(proID), cityName varchar(50) not null ) insert into city values(1,1,'北京') insert into city values(2,2,'长春') insert into city values(3,2,'吉林') insert into city values(4,3,'黑龙江') insert into city values(5,3,'辽宁') insert into city values(6,1,'内蒙古')

四、后台代码：

1、创建一个DBCon类用于数据库连接：

/// <summary> /// 数据库连接 /// </summary> public class DBCon { public static SqlConnection createCon() { SqlConnection con= new SqlConnection("server=.;DataBase=city;User ID=sa;Pwd=123456"); return con; } }

2、后台代码：

protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack ) { this.Label1.Text = "1";//设置起始页为第一页 this.dataBindToRepeater();//绑定数据 } } /// <summary> /// 绑定 /// </summary> private void dataBindToRepeater() { int curPage =Convert.ToInt32( this.Label1.Text); SqlConnection con = DBCon.createCon(); SqlDataAdapter sda = new SqlDataAdapter(); sda.SelectCommand = new SqlCommand("select * from city", con); DataSet ds = new DataSet(); sda.Fill(ds, "city"); System.Web.UI.WebControls.PagedDataSource ps = new PagedDataSource(); ps.DataSource = ds.Tables["city"].DefaultView;//设置分页数据源的视图 ps.AllowPaging = true; //启用分页 ps.PageSize = 2;//设置单页上显示的项数 ps.CurrentPageIndex = curPage;//当前页的索引是从零开始的 //控制按钮的Enabled属性。 this.btnBefore.Enabled = true; this.btnNext.Enabled = true; if (1 == curPage) { this.btnBefore.Enabled = false; } if (ps.PageCount == curPage) { this.btnNext.Enabled = false; } //绑定控件 this.Repeater1.DataSource = ps ; this.Repeater1.DataBind(); } /// <summary> /// 下一步 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnBefore_Click(object sender, EventArgs e) { this.Label1.Text=Convert.ToString( Convert.ToInt32( this.Label1.Text)-1); this.dataBindToRepeater(); } /// <summary> /// 上一步 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnNext_Click(object sender, EventArgs e) { this.Label1.Text=Convert.ToString(Convert.ToInt32( this.Label1.Text)+1); this.dataBindToRepeater(); }

五、显示结果：