快捷導(dǎo)航

ASP.NET數(shù)據(jù)綁定之Repeater控件

更新時(shí)間：2016年01月13日 10:24:26 作者：廊坊師范學(xué)院周坤

這篇文章主要介紹了ASP.NET數(shù)據(jù)綁定中的Repeater控件，Repeater控件可以將數(shù)據(jù)庫(kù)中的信息加以綁定然后再在瀏覽器中顯示出來(lái)，感興趣的小伙伴們可以參考一下

在ASP.NET的學(xué)習(xí)過(guò)程中，其控件的學(xué)習(xí)和使用占了很大的一部分，本文為大家介紹一下控件Repeater控件的使用，用它來(lái)綁定后臺(tái)數(shù)據(jù)，然后在客戶端（瀏覽器）上顯示出來(lái)！
一、 Repeater控件

1、用途：使用模板循環(huán)顯示數(shù)據(jù)。
2、包含的模板：

<ItemTemplate></ItemTemplate> 項(xiàng)目模板（里面的數(shù)據(jù)正常顯示）
<AlternatingItemTemplate></AlternatingItemTemplate> 交錯(cuò)顯示模板（里面綁定的數(shù)據(jù)交錯(cuò)著顯示）<FooterTemplate></FooterTemplate>頁(yè)腳模板（編輯頁(yè)腳）
<HeaderTemplate></HeaderTemplate>頁(yè)眉模板（編輯頁(yè)眉）
<SeparatorTemplate></SeparatorTemplate>間隔模板（在顯示的數(shù)據(jù)中插入間隔，像橫線、特殊符號(hào)等等）

二、示例

1、內(nèi)容介紹
將數(shù)據(jù)庫(kù)中Person表中的信息選出來(lái)，然后用Repeater控件在客戶端顯示出來(lái)。下圖是我Sqlser數(shù)據(jù)庫(kù)中person表中的信息。

1）、將數(shù)據(jù)庫(kù)中的信息選出來(lái)并在后臺(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">頁(yè)眉模板</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">頁(yè)腳模板</h3> 
  </FooterTemplate> 
 
  </asp:Repeater>

顯示效果圖如下

這就是利用控件將后臺(tái)數(shù)據(jù)庫(kù)中的信息用瀏覽器顯示出來(lái)的方法，其實(shí)不光Repeater控件，像DataList，GridView，CheckBoxList、DropDownList等等都能將數(shù)據(jù)庫(kù)中的信息加以綁定然后再在瀏覽器中顯示出來(lái)，希望對(duì)這幾個(gè)重要的控件可以熟練掌握。

您可能感興趣的文章: