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

注意:

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

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

核心代码为:

public partial class citynumber : System.Web.UI.Page
{DataClassesDataContext dc = new DataClassesDataContext();protected void Page_Load(object sender, EventArgs e){var query = from c in dc.city select c;Repeater1.DataSource = query;Repeater1.DataBind();}
}

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

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

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

index.aspx页面代码:

<body><asp:Repeater ID="Repeater1" runat="server"><HeaderTemplate><table class="ts"><tr><th>省份名称</th><th>省份编号</th></tr></HeaderTemplate><ItemTemplate><tr><td><a href='Cities.aspx?pro=<%#Eval("proID") %>' target="_blank"><%#Eval("proName") %></a></td><!--添加超链接,超链接放到内容的两边--><td><%#Eval("proID")%></td></tr></ItemTemplate><FooterTemplate></table></FooterTemplate></asp:Repeater><form id="form1" runat="server"><div></div></form>
</body>

index.aspx.cs中的代码:

public partial class index : System.Web.UI.Page
{DataClassesDataContext dc = new DataClassesDataContext();protected void Page_Load(object sender, EventArgs e){var query = from c in dc.province select c;Repeater1.DataSource = query;Repeater1.DataBind();}
}

Cities.aspx页面中的代码:

<body><form id="form1" runat="server"><div><asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" Width="909px"><FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /><RowStyle BackColor="#EFF3FB" /><PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /><SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /><HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /><EditRowStyle BackColor="#2461BF" /><AlternatingRowStyle BackColor="White" /></asp:GridView></div></form>
</body>

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

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

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

沁园春 www.qinychun.com

转载于:https://www.cnblogs.com/AaronBear/p/6008142.html

[转载]ASP.NET-----Repeater数据控件的用法总结相关推荐

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

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

  2. ASP.NET-----Repeater数据控件的用法总结(转)

    ASP.NET-----Repeater数据控件的用法总结(转) 一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data ...

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

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

  4. aspx repeater 用法_ASP.NET-----Repeater数据控件的用法总结

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

  5. aspx repeater 用法_ASP.NET-----Repeater数据控件的用法总结(转)

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

  6. asp.net各种数据控件汇总

    .master代码如下: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="A ...

  7. Asp.net Ajax AutoComplete 控件的用法

    AutoComplete控件是微软提供的ASP.NET AJAX Control Toolkit 中的一个控件,是用来实现类似百度搜索的自动完成效果. AutoComplete控件的用法很简单,只要在 ...

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

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

  9. 自定义Repeater数据控件的一个页面显示效果

    首先看效果: 可以看见在每6个标题后就会增加一个虚线,以前用js搞过这个不过感觉不是很好. 所以就想了写办法:主要利用repeater 的 itemindex来判断当前的行的索引,然后根据索引再添加虚 ...

  10. ASP.NET的五大数据控件分析

    ASP.NET 数据控件:GridView,DataList,Repeater ,DetailsView,FormView. ASP.NET 数据控件综述: 1.前3个用于呈现多条记录,后面2个用于呈 ...

最新文章

  1. 使用SSH命令行远程登录运行在CloudFoundry上的应用
  2. 第二十一节(数组概要, 一维、二维数组的声明和使用,数组的排序,数组的查找,)...
  3. 深入浅出Node.js(一):什么是Node.js(转贴)
  4. stm32 USB CDC 不接电脑无程序一直在USB中断问题
  5. 实验四---继承与派生练习以及运算符[ ]重载练习
  6. Java继承概述以及Java继承案例和继承的好处
  7. 用eclipse创建动态web项目手动生成web.xml方法
  8. std::set作为一个有序集合
  9. 解读年度数据库性能:PostgreSQL的日志文件和数据加载
  10. RecordAccumulator分析
  11. MFC和Direct3D9一起使用
  12. Vue-学生管理功能实例
  13. maven不引入parent_Maven从入门到放弃
  14. IOS 手写控件 简单播放器 AVFoundation音乐播放
  15. fsadfsaddfsadfsafsda
  16. 前端实习面试经验汇总
  17. Typora也能做思维导图?做笔记的又一个绝佳选择?
  18. jquery获取tr下第某个td的值
  19. java 重写equals方法的种种“坑”
  20. 【图像配准】SIFT图像配准【含Matlab源码 1007期】

热门文章

  1. 【java设计模式】之 抽象工厂(Abstract Factory)模式
  2. Zend_Db_Statement 一行无用代码
  3. WebGIS系统的设计与实现
  4. 每一个都能笑抽的39个奇葩代码注释
  5. 推荐一个滴滴开源的跨端整体解决方案!
  6. 从程序员到CTO,他只做了三件事!!!
  7. python实现xml文件解析失败_Python实现灵活的xml文件解析
  8. mysql 事务_MySQL事务隔离级别
  9. Linux中级之lvs三个模式的图像补充(nat,dr,tun)
  10. vue中npm run dev运行项目不能自动打开浏览器! 以及 webstorm跑vue项目jshint一直提示错误问题的解决方法!...