ASP.NET中如何使用Repeater控件

本篇文章為大家展示了ASP.NET中如何使用Repeater控件，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

一、 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> 
   <h4 align="center">頁(yè)眉模板</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">頁(yè)腳模板</h4> 
  </FooterTemplate> 
 
  </asp:Repeater>

    顯示效果圖如下

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