ASP.NET（七）---Repeater控件使用方法

ASP.NET–Repeater控件使用方法
作为初学者，网上说的太多非常不适合新手，今天我交大家使用Repeater控件。按照这个步骤就可以成功了。

(1)新建Default.aspx，拖放repeater控件

(2)切换到源码看到

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

在这两行添加下面代码：

 <HeaderTemplate>
        <table width="100%" border="1" cellspacing="0" cellpadding="4" style="border-collapse:collapse">
        <tr style="backGround-color:#CCCCFF"><th style="width:15%">ID</th><th style="width:15%">CSharp成绩</th><th style="width:30%">SQLServer成绩</th></tr>
        </HeaderTemplate>
        <ItemTemplate>
        <tr style="background-color:#FAF3DC">
        <td><%#DataBinder.Eval(Container.DataItem,"StudentID")%></td>
        <td><%#DataBinder.Eval(Container.DataItem,"CSharp")%></td>
        <td><%#DataBinder.Eval(Container.DataItem, "SQLServerDB")%></td>
        </tr>
        </ItemTemplate>
        <FooterTemplate>
        </table>
        </FooterTemplate>

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

第一种：图文插入数据方式：

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

这是我数据库表的情况

运行结果：

第二种：代码插入数据方式：

Web.Config代码:

 <connectionStrings>
    <add name="StudentManagerConnectionString" connectionString="Data Source=WANGHANGHANG;Initial Catalog=StudentManager;Integrated Security=True"
      providerName="System.Data.SqlClient" />
  </connectionStrings>

Namespace repeater 代码：

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            DataTable dt = new DataTable();
            using (SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["StudentManagerConnectionString"].ConnectionString))
            {
                conn.Open();
                using (SqlCommand cmd = conn.CreateCommand())
                {
                    cmd.CommandText = "select * from ScoreList";
                    SqlDataAdapter adapter = new SqlDataAdapter(cmd);


                    adapter.Fill(dt);


                }
            }
            Repeater1.DataSource = dt;
            Repeater1.DataBind();
        }
    }