在ASP.NET的學習過程中,其控件的學習和使用占了很大的一部分,本文為大家介紹一下控件Repeater控件的使用,用它來綁定后臺數據,然后在客戶端(瀏覽器)上顯示出來!
一、 Repeater控件
1、用途:使用模板循環顯示數據。
2、包含的模板:
- ItemTemplate>/ItemTemplate> 項目模板(里面的數據正常顯示)
- AlternatingItemTemplate>/AlternatingItemTemplate> 交錯顯示模板(里面綁定的數據交錯著顯示)FooterTemplate>/FooterTemplate>頁腳模板(編輯頁腳)
- HeaderTemplate>/HeaderTemplate>頁眉模板(編輯頁眉)
- SeparatorTemplate>/SeparatorTemplate>間隔模板 (在顯示的數據中插入間隔,像橫線、特殊符號等等)
二、示例
1、內容介紹
將數據庫中Person表中的信息選出來,然后用Repeater控件在客戶端顯示出來。下圖是我Sqlser數據庫中person表中的信息。

1)、將數據庫中的信息選出來并在后臺綁定: 新建Web窗體應用程序,添加窗體,在窗體的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>模板使用(讓數據交叉顯示)
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>
顯示效果如下,結構只顯示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>
顯示效果圖如下

這就是利用控件將后臺數據庫中的信息用瀏覽器顯示出來的方法,其實不光Repeater控件,像DataList,GridView,CheckBoxList、DropDownList等等都能將數據庫中的信息加以綁定然后再在瀏覽器中顯示出來,希望對這幾個重要的控件可以熟練掌握。
您可能感興趣的文章:- 淺談ASP.NET常用數據綁定控件優劣總結
- 詳解ASP.NET數據綁定操作中Repeater控件的用法
- 總結Visual Studio下ASP.NET模板化控件中的數據綁定
- ASP.NET數據綁定GridView控件使用技巧
- ASP.NET數據綁定之GridView控件
- ASP.NET數據綁定之DataList控件實戰篇
- ASP.NET數據綁定之DataList控件
- AspNetAjaxPager,Asp.Net通用無刷新Ajax分頁控件,支持多樣式多數據綁定
- ASP.NET數據綁定控件詳解