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,教程到此结束,本人觉得还是十分简单的,希望新手能够看懂

猜你喜欢

转载自blog.csdn.net/fl1623863129/article/details/80140801