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

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

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

在ASP.NET的學習過程中，其控件的學習和使用占了很大的一部分，本文為大家介紹一下控件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窗體應用程序，添加窗體，在窗體的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ù)庫中的信息加以綁定然后再在瀏覽器中顯示出來，希望對這幾個重要的控件可以熟練掌握。

您可能感興趣的文章: