ASP.NET 一文看懂repeater控件使用方法

作为初学者，看到网上repeater用法一脸懵逼，代码不是太长就是太过抽象，根本看不懂，于是找了视频一看就懂了，其实repeater控件用法很简单，网上说的太多非常不适合新手，今天我叫大家使用repeater控件。按照这个步骤就可以成功了。

(1)新建Default.aspx，这个大家都会，略过，拖放repeater控件

(2)切换到源码看到

<asp:Repeater ID="Repeater1" runat="server">

</asp:Repeater>

在这两行添加模板

  <asp:Repeater ID="Repeater1" runat="server">       <HeaderTemplate>         <table width="100%" border="1" cellspacing="0" cellpadding="4" style="border-collapse:collapse">         <tr style="backGround-color:#CCCCFF"><th style="width:15%">姓名</th><th style="width:15%">性别</th><th style="width:30%">分数</th></tr>         </HeaderTemplate>         <ItemTemplate>         <tr style="background-color:#FAF3DC">         <td><%#DataBinder.Eval(Container.DataItem,"name")%></td>         <td><%#DataBinder.Eval(Container.DataItem,"sex")%></td>         <td><%#DataBinder.Eval(Container.DataItem, "grade")%></td>         </tr>         </ItemTemplate>         <FooterTemplate>         </table>         </FooterTemplate>

        </asp:Repeater>

这里我添加了3列，name,sex和grade对应数据库表字段，切换到设计就可以看到大体显示情况

(3)点击repeater右上角箭头>选择数据源按照配置一个数据源即可显示

这是我数据库表的情况

选择数据源只是一种方法，还可以通过绑定数据源方法显示数据，一般我们查询就用这方法，具体就是先把上面数据源解除绑定，然后进入Default.cs的Load写如下代码

public partial class _Default : System.Web.UI.Page {     protected void Page_Load(object sender, EventArgs e)     {         if (!IsPostBack)         {             DataTable dt = new DataTable();             using (SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["connstr"].ConnectionString))             {                 conn.Open();                 using (SqlCommand cmd = conn.CreateCommand())                 {                     cmd.CommandText = "select * from info";                     SqlDataAdapter adapter = new SqlDataAdapter(cmd);                     adapter.Fill(dt);                 }             }             Repeater1.DataSource = dt;             Repeater1.DataBind();         }     } }

OK，教程到此结束，本人觉得还是十分简单的，希望新手能够看懂