在ASP.NET的學(xué)習(xí)過程中,其控件的學(xué)習(xí)和使用占了很大的一部分,本文為大家介紹一下控件Repeater控件的使用,用它來綁定后臺(tái)數(shù)據(jù),然后在客戶端(瀏覽器)上顯示出來!
一、 Repeater控件
1、用途:使用模板循環(huán)顯示數(shù)據(jù)。
2、包含的模板:
- ItemTemplate>/ItemTemplate> 項(xiàng)目模板(里面的數(shù)據(jù)正常顯示)
- AlternatingItemTemplate>/AlternatingItemTemplate> 交錯(cuò)顯示模板(里面綁定的數(shù)據(jù)交錯(cuò)著顯示)FooterTemplate>/FooterTemplate>頁腳模板(編輯頁腳)
- HeaderTemplate>/HeaderTemplate>頁眉模板(編輯頁眉)
- SeparatorTemplate>/SeparatorTemplate>間隔模板 (在顯示的數(shù)據(jù)中插入間隔,像橫線、特殊符號(hào)等等)
二、示例
1、內(nèi)容介紹
將數(shù)據(jù)庫中Person表中的信息選出來,然后用Repeater控件在客戶端顯示出來。下圖是我Sqlser數(shù)據(jù)庫中person表中的信息。
1)、將數(shù)據(jù)庫中的信息選出來并在后臺(tái)綁定: 新建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列,這就是所謂的交叉顯示。
最后,我將五個(gè)模板一塊使用,前臺(tái)代碼如下
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>
顯示效果圖如下
這就是利用控件將后臺(tái)數(shù)據(jù)庫中的信息用瀏覽器顯示出來的方法,其實(shí)不光Repeater控件,像DataList,GridView,CheckBoxList、DropDownList等等都能將數(shù)據(jù)庫中的信息加以綁定然后再在瀏覽器中顯示出來,希望對(duì)這幾個(gè)重要的控件可以熟練掌握。
您可能感興趣的文章:- 淺談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控件實(shí)戰(zhàn)篇
- ASP.NET數(shù)據(jù)綁定之DataList控件
- AspNetAjaxPager,Asp.Net通用無刷新Ajax分頁控件,支持多樣式多數(shù)據(jù)綁定
- ASP.NET數(shù)據(jù)綁定控件詳解