编程语言
首页 > 编程语言> > ASP.NET(七)---Repeater控件使用方法

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();
        }
    }

标签:控件,ASP,Repeater,cmd,repeater,new,dt
来源: https://blog.csdn.net/chonbi/article/details/105806804