{Repeater控件} Repeater控件的用法流程及实例
一、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,在该页面显示信息。
{Repeater控件} Repeater控件的用法流程及实例的更多相关文章
- WebForm控件Repeater
我们会发现用拼接字符串来显示一个查询非常的麻烦,有一个控件Repeater帮助你,省去写Foreach LinQ to SQL类 函数类: using System; using System.Col ...
- Repeater, DataList, 和GridView控件的区别
http://blog.sina.com.cn/s/blog_646dc75c0100h5p6.html http://www.cnblogs.com/phone/archive/2010/09/15 ...
- asp控件Repeater运用
双层repeater嵌套 <asp:Repeater ID="rpt_dataRepeatgroup" runat="server" OnItemData ...
- PropertyGrid控件由浅入深(二):基础用法
目录 PropertyGrid控件由浅入深(一):文章大纲 PropertyGrid控件由浅入深(二):基础用法 控件的外观构成 控件的外观构成如下图所示: PropertyGrid控件包含以下几个要 ...
- Delphi maskedit控件的掩码含义及用法方法
Delphi maskedit控件的掩码含义及用法方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ...
- 【原创】自己动手写控件----XSmartNote控件
一.前面的话 在上一篇博文自己动手写工具----XSmartNote [Beta 3.0]中,用到了若干个自定义控件,其中包含用于显示Note内容的简单的Label扩展控件,用于展示标签内容的labe ...
- winform用户控件、动态创建添加控件、timer控件、控件联动
用户控件: 相当于自定义的一个panel 里面可以放各种其他控件,并可以在后台一下调用整个此自定义控件. 使用方法:在项目上右键.添加.用户控件,之后用户控件的编辑与普通容器控件类似.如果要在后台往窗 ...
- paip.gui控件tabs控件加载内容的原理以及easyui最佳实现
paip.gui控件tabs控件加载内容的原理以及easyui最佳实现 //////////////tabs控件的加载 同form窗体一样,俩个方式 两个方式:一个是url,简单的文本可以使用这个,不 ...
- zw版【转发·台湾nvp系列Delphi例程】Delphi 使用 HALCON库件COM控件数据格式转换
zw版[转发·台湾nvp系列Delphi例程]Delphi 使用 HALCON库件COM控件数据格式转换 Delphi 使用 HALCON库件COM控件数据格式转换,与IHObjectX接口有关 va ...
随机推荐
- zipkin使用mysql保存数据
zipkin和mysql结合保存zipkin在项目监控中得到的所有数据. <dependency> <groupId>io.zipkin.java</groupId> ...
- easyui Datagrid+searchbox 实现搜索功能
1.前台页面 <%@ page language="java" pageEncoding="utf-8" isELIgnored="false& ...
- 【转】Mac下升级python2.7到python3.6
1. 前言 Mac系统自带python2.7,本文目的是将自带的python升级到3.6版本. 网上有本多的做法是让python2.7和python3.X两个版本共存,博主并不知道,是两版本共存好,还 ...
- QT 交叉编译工具选择
使用QT交叉编译,生成的都是x86的可执行文件.Zoro告诉我交叉工具配置错了. 参考链接: http://www.cnblogs.com/zengjfgit/p/4744507.html linux ...
- e648. 双击和三击事件
component.addMouseListener(new MyMouseListener()); public class MyMouseListener extends MouseAdapter ...
- 利用CMake和OpenCV源代码生成Visual Studio工程
OpenCV1.0版本有windows,linux之分,笔者曾经一直使用Opencv1.0.这个版本在下载,安装之后,在 \OpenCV\_make文件夹下面已经存在了一个opencv.dsw的工程文 ...
- ti8127下godb 开发
http://download.cnet.com/GoDB/3000-2212_4-10306159.html源码rdk https://github.com/vasa-c/go-db github ...
- linux -- ubuntu搭建nodejs环境
需求:在web端做一个实时性功能比较强的模块, 客户端:用websocket 服务端:node.js node.js介绍:node.js天生就是一个高效的服务端语言,可以直接使用 javascript ...
- erlang随机数问题
一.计算机的随机数的老问题,伪随机数. random:seed() random:uniform(N) 如果seed是相同的,则第M次执行 random:uniform(N) .M.N相同,则得到的随 ...
- 【Java面试题】55 说说&和&&的区别。
&和&&都可以用作逻辑与的运算符,表示逻辑与(and),当运算符两边的表达式的结果都为true时,整个运算结果才为true,否则,只要有一方为false,则结果为false. ...