[转载]ASP.NET-----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,在该页面显示信息。
[转载]ASP.NET-----Repeater数据控件的用法总结的更多相关文章
- ASP.NET Web数据控件
ASP.NET Web数据控件 1.数据控件简介 这包括数据源控件和格式设置控件,前者使您可以使用 Web 控件访问数据库中的数据,后者使您可以显示和操作ASP.NET 网页上的数据. 2.数据控件 ...
- ASP.NET-----Repeater数据控件的用法总结(转)
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
- [转载]ASP.NET中TextBox控件设立ReadOnly="true"后台取不到值
原文地址:http://www.cnblogs.com/yxyht/archive/2013/03/02/2939883.html ASP.NET中TextBox控件设置ReadOnly=" ...
- Repeater数据控件的两个重要事件ItemDataBound 和 ItemCommand
1 ItemDataBound:数据绑定的时候(正在进行时)发生. 2 ItemCommand :用来响应Item模板中的控件的事件. 如下代码 aspx代码: [html] view plain c ...
- DataItem,gridview,repeater数据控件数据绑定
Container.DataItem几种方式. 在绑定数据时经常会用到这个句程序:<%# DataBinder.Eval(Container.DataItem,"xxxx") ...
- {Repeater控件} Repeater控件的用法流程及实例
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
- ASP.NET数据控件
数据服务器控件就是能够显示数据的控件,与那些简单格式的列表控件不同,这些控件不但提供显示数据的丰富界面(可以显示多行多列数据并根据用户定义来显示),还提供了修改.删除和插入数据的接口. ASP.NET ...
- 浅析五大ASP.NET数据控件
转自:http://kb.cnblogs.com/page/69207/ 摘要:ASP.NET中有不少的控件,在这当中有一部分是用来处理数据的控件.在这里我们正要讨论的就是ASP.NET数据控件,希望 ...
- 初始ASP.NET数据控件GridView
使用GridView控件绑定数据源 GridView控件个人认为就是数据表格控件,它以表格的形式显示数据源中的数据.每列表示一个字段,每行表示一条记录. GridView控件支持在页面有一下功 ...
随机推荐
- php中调用这个功能可以在web页面中显示hello world这个经典单词
php程序写的时间长了,自然对他所提供的功能了如指掌,他所提供的一大堆功能,真是觉得很好用,但有时候会发现php也缺少一些功能,自己总是会产生为php添加一些自定义的功能的想法.久而久之,终于今天憋不 ...
- Saltstack之SaltSyndic
SaltSyndic 1,SaltSyndic必须运行在salt-master上面 2,Syndic要连接另外一个Master比它更高级 在master安装syndic yum -y install ...
- XTU 1264 - Partial Sum - [2017湘潭邀请赛E题(江苏省赛)]
2017江苏省赛的E题,当时在场上看错了题目没做出来,现在补一下…… 题目链接:http://202.197.224.59/OnlineJudge2/index.php/Problem/read/id ...
- 怎么点击div之外的区域就隐藏这个div啊 找了很久,都没有很好解决
方法一. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" conte ...
- Redis used_cpu_sys used_cpu_user meaning (redis info中cpu信息的含义)
Redis 中 used_cpu_sys 和 used_cpu_user含义. 在Redis的info命令输出结果中有如下四个指标,redis官网给出了下面一段解释,但是还是不明白什么意思. used ...
- 【python-opencv】对象测量
opencv 中轮廓特征包括: 如面积,周长,质心,边界框等 *弧长与面积测量 *多边形拟合 *获取轮廓的多边形拟合结果 python-opencv API提供方法: cv2.moments()用来计 ...
- python 使用set对列表去重,并保持列表原来顺序
# python 使用set对列表去重,并保持列表原来顺序 list1 = ['cc', 'bbbb', 'afa', 'sss', 'bbbb', 'cc', 'shafa'] for item i ...
- UUID生成字符串
在向数据库插入新数据时,可能需要插入字符串形式的ID,这时使用UUID可以生成随机字符串: String str = UUID.randomUUID().toString();
- HTML <input> <button> <submit>
定义和用法 value 属性规定与按钮关联的初始值.请始终为按钮规定 type 属性,如果不填默认值是 "submit".submit其实就是一个特殊的button. <bu ...
- 蒙特卡罗(Monte Carlo)方法简介
蒙特卡罗(Monte Carlo)方法,也称为计算机随机模拟方法,是一种基于"随机数"的计算方法. 二 解决问题的基本思路 Monte Carlo方法的基本思想很早以前就被人们所发 ...