控件（九）——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();
}

 

五、显示结果：