ASP.NET中如何使用Repeater控件

本篇文章為大家展示了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> 
   <h4 align="center">頁眉模板</h4> 
  </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> 
   <h4 align="center">頁腳模板</h4> 
  </FooterTemplate> 
 
  </asp:Repeater>

    顯示效果圖如下

上述內容就是ASP.NET中如何使用Repeater控件，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。