–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()){mandText = "select * from ScoreList";SqlDataAdapter adapter = new SqlDataAdapter(cmd);adapter.Fill(dt);}}Repeater1.DataSource = dt;Repeater1.DataBind();}}