首页 > 编程 > .NET > 正文

详解ASP.NET-----Repeater数据控件的用法总结

2024-07-10 12:49:32
字体:
来源:转载
供稿:网友

一、Repeater控件的用法流程及实例:

1、首先建立一个网站,新建一个网页index.aspx。

2、添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中。

3、打开数据库企业管理器,数据库服务器为local(.),然后将APP_Data文件夹中的数据库附加到数据库服务器中。

4、添加Ling to  SQL类。

5、打开视图,服务器资源管理器,右击数据库服务器,选择添加连接,然后选择数据库服务器、数据库类型,及数据库表,然后完成。

6、将需要用到的表,全部选中,然后拖动到.dbml为后缀的文件中,然后保存。到这一步,数据表的附加及与网站的连接就完成了。

目标:通过使用Repeater数据控件,让数据表中的数据在表格中显示。

1、添加样式文件,然后在样式文件中,书写表格的样式代码。

2、在index.aspx的设计模式下,插入表格,通常插入两行(一行为标题行,一行为内容行),因为Repeater控件会自动循环的。然后在源代码界面中,将刚插入的表格的第一行的单元格改为,标题单元格,即将<td>改为<th>。

3、选中表格,然后选择格式,然后选择附加样式表。接下来,需要将源代码中的头部中样式代码删除,将行样式删除,并且书写新建的样式表中的类或这ID到表格中。

4、然后,将光标放到table前面,双击repeater控件,这样Repeater控件的代码就添加到了Table代码的前面,然后分别为Repeater控件添加头部模版(<HeaderTemplate></HeaderTemplate>  )、列表模版(<ItemTemplate></ItemTemplate>)和尾部模版( <FooterTemplate> </FooterTemplate>)。

注意:

头部模版放置表格开始及第一行标题行(<table><tr><th></th></tr>);列表模版放置表格第二行(<tr></tr>);尾部模版放置表个结束(</table>)。

插入表格时只需插入两行即可,显示数据时是根据数据库表循环显示的。项目模板,会进行循环显示,放置表格第二行。

5、然后在标题行的单元格中书写将要显示的数据库中字段的别名,在内容行的单元格中书写数据库中的字段名,方式为:

<td><%#Eval("数据库字段名") %></td>

核心代码为:

<body>  <form id="form1" runat="server">  <div>  <!--光标放到table前面,双击repeater控件,三个缺一不可-->    <asp:Repeater ID="Repeater1" runat="server">    <HeaderTemplate><!--头部模板,放表格开始及第一行标题-->    <table class="ts"><!--插入表格时只需插入两行即可,显示数据时是根据数据库表循环显示的-->      <tr>        <th>          学号</th>        <th>          姓名</th>        <th>          性别</th>        <th>          籍贯</th>        <th>          年龄</th>      </tr></HeaderTemplate>      <ItemTemplate><!--项目模板,会进行循环显示,放置表格第二行-->    <tr>        <td>          <%#Eval("number") %> <!--HTMl中插入其他代码需要用<% %>括起来,Eval("数据库中的字段名")-->          </td>        <td>         <%#Eval("name")%> </td>        <td>          <%#Eval("sex")%> </td>        <td>           <%#Eval("place")%></td>        <td>          <%#Eval("age")%> </td>      </tr>    </ItemTemplate>        <FooterTemplate><!--底部模板-->    </table>    <!--表格结束部分-->    </FooterTemplate>      </asp:Repeater>  </div>  </form></body>            
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表