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