ASP.NET(七)---Repeater控件使用方法

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

(1)新建Default.aspx,拖放repeater控件
ASP.NET(七)---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对应数据库表字段,切换到设计就可以看到大体显示情况
ASP.NET(七)---Repeater控件使用方法

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

(3)点击repeater右上角箭头>选择数据源按照配置一个数据源即可显示
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法
ASP.NET(七)---Repeater控件使用方法

这是我数据库表的情况
ASP.NET(七)---Repeater控件使用方法
运行结果:
ASP.NET(七)---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();
        }
    }
上一篇:一文快速了解ClickHouse 战斗民族的开源搜索引擎(超详细解读+快速入门)


下一篇:在C#或使用jQuery中按日期属性拆分列表