在ASP.NET的學(xué)習(xí)過程中，其控件的學(xué)習(xí)和使用占了很大的一部分，本文為大家介紹一下控件Repeater控件的使用，用它來綁定后臺數(shù)據(jù)，然后在客戶端（瀏覽器）上顯示出來！
一、 Repeater控件
1、用途：使用模板循環(huán)顯示數(shù)據(jù)。
2、包含的模板：
- ItemTemplate>/ItemTemplate> 項目模板（里面的數(shù)據(jù)正常顯示）
- AlternatingItemTemplate>/AlternatingItemTemplate> 交錯顯示模板（里面綁定的數(shù)據(jù)交錯著顯示）FooterTemplate>/FooterTemplate>頁腳模板（編輯頁腳）
- HeaderTemplate>/HeaderTemplate>頁眉模板（編輯頁眉）
- SeparatorTemplate>/SeparatorTemplate>間隔模板 （在顯示的數(shù)據(jù)中插入間隔，像橫線、特殊符號等等）
二、示例
1、內(nèi)容介紹
將數(shù)據(jù)庫中Person表中的信息選出來，然后用Repeater控件在客戶端顯示出來。下圖是我Sqlser數(shù)據(jù)庫中person表中的信息。
1）、將數(shù)據(jù)庫中的信息選出來并在后臺綁定： 新建Web窗體應(yīng)用程序，添加窗體，在窗體的Page_Load事件中添加如下代碼。
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = DB.createConnection();
SqlDataAdapter sda = new SqlDataAdapter();
string sql="select * from person ";
sda.SelectCommand = new SqlCommand(sql, con);
DataSet ds=new DataSet();
sda.Fill(ds, "per");
this.Repeater1.DataSource=ds.Tables["per"];
Repeater1.DataBind();
}
2）、用控件Repeater的模板 ItemTemplate>/ItemTemplate> 將信息顯示，代碼如下
asp:Repeater ID="Repeater1" runat="server">
ItemTemplate>
p align="center">
%# DataBinder.Eval(Container.DataItem,"pID") %>
%# DataBinder.Eval(Container.DataItem,"personName") %>
%# DataBinder.Eval(Container.DataItem,"personSex") %>
/p>
/ItemTemplate>
/asp:Repeater>
3）、顯示效果如下
4）、AlternatingItemTemplate>/AlternatingItemTemplate>模板使用（讓數(shù)據(jù)交叉顯示）
asp:Repeater ID="Repeater1" runat="server">
AlternatingItemTemplate>
p align="center">
font color="blue"> %# DataBinder.Eval(Container.DataItem,"pID") %>
%# DataBinder.Eval(Container.DataItem,"personName") %>
%# DataBinder.Eval(Container.DataItem,"personSex") %>/font>
/p>
/AlternatingItemTemplate>
/asp:Repeater>
顯示效果如下，結(jié)構(gòu)只顯示2、4、6、9列，這就是所謂的交叉顯示。
最后，我將五個模板一塊使用，前臺代碼如下
asp:Repeater ID="Repeater1" runat="server">
HeaderTemplate>
h3 align="center">頁眉模板/h3>
/HeaderTemplate>
ItemTemplate>
p align="center">
font color="blue"> %# DataBinder.Eval(Container.DataItem,"pID") %>
%# DataBinder.Eval(Container.DataItem,"personName") %>
%# DataBinder.Eval(Container.DataItem,"personSex") %>/font>
/p>
/ItemTemplate>
AlternatingItemTemplate>
p align="center">
font color="blue"> %# DataBinder.Eval(Container.DataItem,"pID") %>
%# DataBinder.Eval(Container.DataItem,"personName") %>
%# DataBinder.Eval(Container.DataItem,"personSex") %>/font>
/p>
/AlternatingItemTemplate>
SeparatorTemplate>
hr color="red" size="1" />
/SeparatorTemplate>
FooterTemplate>
h3 align="center">頁腳模板/h3>
/FooterTemplate>
/asp:Repeater>
顯示效果圖如下
這就是利用控件將后臺數(shù)據(jù)庫中的信息用瀏覽器顯示出來的方法，其實不光Repeater控件，像DataList，GridView，CheckBoxList、DropDownList等等都能將數(shù)據(jù)庫中的信息加以綁定然后再在瀏覽器中顯示出來，希望對這幾個重要的控件可以熟練掌握。
您可能感興趣的文章:- 淺談ASP.NET常用數(shù)據(jù)綁定控件優(yōu)劣總結(jié)
- 詳解ASP.NET數(shù)據(jù)綁定操作中Repeater控件的用法
- 總結(jié)Visual Studio下ASP.NET模板化控件中的數(shù)據(jù)綁定
- ASP.NET數(shù)據(jù)綁定GridView控件使用技巧
- ASP.NET數(shù)據(jù)綁定之GridView控件
- ASP.NET數(shù)據(jù)綁定之DataList控件實戰(zhàn)篇
- ASP.NET數(shù)據(jù)綁定之DataList控件
- AspNetAjaxPager,Asp.Net通用無刷新Ajax分頁控件，支持多樣式多數(shù)據(jù)綁定
- ASP.NET數(shù)據(jù)綁定控件詳解
