一、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>

核心代码为:

  1. <body>
  2. <form id="form1" runat="server">
  3. <div>
  4. <!--光标放到table前面,双击repeater控件,三个缺一不可-->
  5. <asp:Repeater ID="Repeater1" runat="server">
  6. <HeaderTemplate><!--头部模板,放表格开始及第一行标题-->
  7. <table class="ts"><!--插入表格时只需插入两行即可,显示数据时是根据数据库表循环显示的-->
  8. <tr>
  9. <th>
  10. 学号</th>
  11. <th>
  12. 姓名</th>
  13. <th>
  14. 性别</th>
  15. <th>
  16. 籍贯</th>
  17. <th>
  18. 年龄</th>
  19. </tr></HeaderTemplate>
  20. <ItemTemplate><!--项目模板,会进行循环显示,放置表格第二行-->
  21. <tr>
  22. <td>
  23. <%#Eval("number") %> <!--HTMl中插入其他代码需要用<% %>括起来,Eval("数据库中的字段名")-->
  24. </td>
  25. <td>
  26. <%#Eval("name")%> </td>
  27. <td>
  28. <%#Eval("sex")%> </td>
  29. <td>
  30. <%#Eval("place")%></td>
  31. <td>
  32. <%#Eval("age")%> </td>
  33. </tr>
  34. </ItemTemplate>
  35. <FooterTemplate><!--底部模板-->
  36. </table> <!--表格结束部分-->
  37. </FooterTemplate>
  38. </asp:Repeater>
  39.  
  40. </div>
  41. </form>
  42. </body>

注意:

HTMl中插入其他代码需要用<% %>括起来。

6、然后在index.aspx.cs的Page_Load()事件中绑定数据源。

核心代码为:

  1. public partial class citynumber : System.Web.UI.Page
  2. {
  3. DataClassesDataContext dc = new DataClassesDataContext();
  4. protected void Page_Load(object sender, EventArgs e)
  5. {
  6.  
  7. var query = from c in dc.city select c;
  8. Repeater1.DataSource = query;
  9. Repeater1.DataBind();
  10. }
  11. }

7、运行index.aspx页面即可看到数据库中各字段信息。

二、通过Table显示数据库中的字段时,为字段添加超链接。

1、新建两个页面,index.aspx 页面和Cities.aspx页面。

index.aspx页面代码:

  1. <body>
  2. <asp:Repeater ID="Repeater1" runat="server">
  3. <HeaderTemplate>
  4. <table class="ts">
  5. <tr>
  6. <th>
  7. 省份名称</th>
  8. <th>
  9. 省份编号</th>
  10. </tr>
  11. </HeaderTemplate>
  12. <ItemTemplate>
  13. <tr>
  14. <td>
  15. <a href='Cities.aspx?pro=<%#Eval("proID") %>' target="_blank"><%#Eval("proName") %></a></td><!--添加超链接,超链接放到内容的两边-->
  16. <td>
  17. <%#Eval("proID")%></td>
  18. </tr>
  19. </ItemTemplate>
  20. <FooterTemplate>
  21. </table>
  22. </FooterTemplate>
  23. </asp:Repeater>
  24. <form id="form1" runat="server">
  25. <div>
  26. </div>
  27. </form>
  28. </body>

index.aspx.cs中的代码:

  1. public partial class index : System.Web.UI.Page
  2. {
  3. DataClassesDataContext dc = new DataClassesDataContext();
  4. protected void Page_Load(object sender, EventArgs e)
  5. {
  6.  
  7. var query = from c in dc.province select c;
  8. Repeater1.DataSource = query;
  9. Repeater1.DataBind();
  10. }
  11. }

Cities.aspx页面中的代码:

  1. <body>
  2. <form id="form1" runat="server">
  3. <div>
  4.  
  5. <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333"
  6. GridLines="None" Width="909px">
  7. <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
  8. <RowStyle BackColor="#EFF3FB" />
  9. <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
  10. <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
  11. <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
  12. <EditRowStyle BackColor="#2461BF" />
  13. <AlternatingRowStyle BackColor="White" />
  14. </asp:GridView>
  15.  
  16. </div>
  17. </form>
  18. </body>

Cities.aspx.cs页面中的代码:

  1. public partial class Cities : System.Web.UI.Page
  2. {
  3. DataClassesDataContext dc = new DataClassesDataContext();
  4. protected void Page_Load(object sender, EventArgs e)
  5. {
  6. int id =Convert.ToInt32(Request.QueryString["pro"].ToString());
  7. var query = from c in dc.city where c.proID == id select c;
  8. GridView1.DataSource = query;
  9. GridView1.DataBind();
  10.  
  11. }
  12. }

然后运行index.aspx页面,通过单击超链接就跳转到了Cities.aspx,在该页面显示信息。

转子http://www.cnblogs.com/fengzheng126/archive/2012/05/07/2487355.html

沁园春 www.qinychun.com

ASP.NET-----Repeater数据控件的用法总结(转)的更多相关文章

  1. [转载]ASP.NET-----Repeater数据控件的用法总结

    一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...

  2. ASP.NET Web数据控件

    ASP.NET Web数据控件 1.数据控件简介 这包括数据源控件和格式设置控件,前者使您可以使用 Web 控件访问数据库中的数据,后者使您可以显示和操作ASP.NET 网页上的数据.  2.数据控件 ...

  3. Repeater数据控件的两个重要事件ItemDataBound 和 ItemCommand

    1 ItemDataBound:数据绑定的时候(正在进行时)发生. 2 ItemCommand :用来响应Item模板中的控件的事件. 如下代码 aspx代码: [html] view plain c ...

  4. DataItem,gridview,repeater数据控件数据绑定

    Container.DataItem几种方式. 在绑定数据时经常会用到这个句程序:<%# DataBinder.Eval(Container.DataItem,"xxxx") ...

  5. {Repeater控件} Repeater控件的用法流程及实例

    一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...

  6. ASP.NET数据控件

    数据服务器控件就是能够显示数据的控件,与那些简单格式的列表控件不同,这些控件不但提供显示数据的丰富界面(可以显示多行多列数据并根据用户定义来显示),还提供了修改.删除和插入数据的接口. ASP.NET ...

  7. 浅析五大ASP.NET数据控件

    转自:http://kb.cnblogs.com/page/69207/ 摘要:ASP.NET中有不少的控件,在这当中有一部分是用来处理数据的控件.在这里我们正要讨论的就是ASP.NET数据控件,希望 ...

  8. 初始ASP.NET数据控件GridView

    使用GridView控件绑定数据源 GridView控件个人认为就是数据表格控件,它以表格的形式显示数据源中的数据.每列表示一个字段,每行表示一条记录.     GridView控件支持在页面有一下功 ...

  9. Asp.Net中ObjectDataSource控件传参绑定数据

    最近在实习,在上头交付的任务中,由于需要使用Asp.Net的ListView控件,因此必然得就使用了ObjectDataSource控件,由于在使用过程中,需要网页中的参数发送到后台后,运行该参数进行 ...

随机推荐

  1. 如何利用jQuery进行简单表单验证

    <!DOCTYPE html><html><head><meta charset="utf-8"><meta name=&qu ...

  2. Winform 通过FlowLayoutPanel及自定义的编辑控件,实现快速构建C/S版的编辑表单页面 z

    http://www.cnblogs.com/zuowj/p/4504130.html 不论是B/S或是C/S结构类型,无非就是实现可供用户进行查.增.改.删,其中查询用到最多,开发设计的场景 也最为 ...

  3. 配置nginx下别名alias支持PHP fastcgi解析

    1)参看如下连篇文章:Nginx设置alias实现虚拟目录 alias与root的用法区别http://down.chinaz.com/server/201111/1382_1.htmNginx下al ...

  4. tony_linux下网站压力测试工具webbench

    webbench最多可以模拟3万个并发连接去测试网站的负载能力,个人感觉要比Apache自带的ab压力测试工具好,安装使用也特别方便. 1.适用系统:Linux 2.编译安装:wget http:// ...

  5. printf("%*s\n", 1, ""); 使用"printf();" 的格式化输出动态制定等宽度输出。

    #include <stdio.h> #include <string.h> int main() { const char the_text[] = "this i ...

  6. [ActionScript 3.0] AS3调用百度天气预报查询API

    接口说明 根据经纬度/城市名查询天气的结果 接口示例 http://api.map.baidu.com/telematics/v3/weather?location=成都&output=jso ...

  7. android SFC

    本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Android开发的一些经验分享,望与君共勉!作为Android队伍中的一个新人的我,如果有什么不对的地方,还望不吝赐教. 在开始Andr ...

  8. virtualenvwrapper

    VirtualEnv 是什么 VirtualEnv用于在一台机器上创建多个独立的python运行环境,VirtualEnvWrapper为前者提供了一些便利的命令行上的封装. 为什么要用 - 隔离项目 ...

  9. 最大子序列和(O(n))

    下面介绍一个线性的算法,这个算法是许多聪明算法的典型:运行时间是明显的,但是正确性则很不明显(不容易理解). //线性的算法O(N) long maxSubSum4(const vector<i ...

  10. 分享一个基于EF5.0封装的BaseDAL

    public class BaseDAL<T> where T : class,new() { protected DbContext dbContext = DbContextFacto ...