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，在该页面显示信息。

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

沁园春 www.qinychun.com

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

[转载]ASP&period;NET-----Repeater数据控件的用法总结
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
ASP&period;NET Web数据控件
ASP.NET Web数据控件 1.数据控件简介这包括数据源控件和格式设置控件,前者使您可以使用 Web 控件访问数据库中的数据,后者使您可以显示和操作ASP.NET 网页上的数据. 2.数据控件 ...
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&period;NET数据控件
数据服务器控件就是能够显示数据的控件,与那些简单格式的列表控件不同,这些控件不但提供显示数据的丰富界面(可以显示多行多列数据并根据用户定义来显示),还提供了修改.删除和插入数据的接口. ASP.NET ...
浅析五大ASP&period;NET数据控件
转自:http://kb.cnblogs.com/page/69207/ 摘要:ASP.NET中有不少的控件,在这当中有一部分是用来处理数据的控件.在这里我们正要讨论的就是ASP.NET数据控件,希望 ...
初始ASP&period;NET数据控件GridView
使用GridView控件绑定数据源 GridView控件个人认为就是数据表格控件,它以表格的形式显示数据源中的数据.每列表示一个字段,每行表示一条记录. GridView控件支持在页面有一下功 ...
Asp&period;Net中ObjectDataSource控件传参绑定数据
最近在实习,在上头交付的任务中,由于需要使用Asp.Net的ListView控件,因此必然得就使用了ObjectDataSource控件,由于在使用过程中,需要网页中的参数发送到后台后,运行该参数进行 ...

随机推荐

Qt实现端口扫描器
首先展示一下效果: 界面通过Qt设计师做出来的. 主要有两个类. 首先主函数: #include "mainwindow.h" #include <QApplication& ...
諾基亞定制的Android系統名為 Z Launcher
N1這款產品似乎沒有諾基亞的傳統風格,搭載Android系統以及酷似iPad mini的外觀,都在向外界傳遞著一個信號:諾基亞在變化.不過,沒有了移動設備部門的諾基亞,仍然心系消費電子市場,N1會是個 ...
thunkify 模块
function thunkify(fn){ assert('function' == typeof fn, 'function required'); return function(){ var ...
fastJSON☞JSONParameters☞时区的修改☞时间最后有一个&quot&semi;Z&quot&semi;
why... 为什么会有这个问题; 由于近期用到需要将数据序列化... 最终选择了fastJSON(版本为1.)来实现. 但是发现了一个问题,表中有一个dateTime类型的字段, 本来数据库中存入的 ...
四大开源协议比较&colon;BSD、Apache、GPL、LGPL (转)
转自:http://www.lupaworld.com/portal.php?mod=view&aid=205552&page=all 本文参考文献:http://www.fsf.or ...
Sql Server Profiler跟踪死锁
Sql Server Profiler一个很重要的应用场景就是监视分析死锁. 下面通过一个例子来学习Profiler是如何监视死锁的. 1. 创建测试数据模拟死锁, 创建表Table_A和Table_ ...
javascript格式化指定的日期对象
/* * 格式化Date对象为:“2015-04-17 10:20:00” * var dateObj = new Date(); */ function formartDate(dateObj){ ...
sed&amp&semi;awk第二版读书笔记
1. POSIX标准对正则表达式字符和操作符的含义进行了形式化.这种标准定义了两类正则表达式:基本的正则表达式(BRE),grep和sed使用这种正则表达式;扩展的表达式,egrep和awk使用这种正 ...
Nmap 进阶使用 [ 脚本篇 ]
0×01 前言因为今天的重点并非nmap本身的使用,主要还是想借这次机会给大家介绍一些在实战中相对比较实用的nmap脚本,所以关于nmap自身的一些基础选项就不多说了,详情可参考博客端口渗透相关文章 ...
聚类——WKFCM的matlab程序
聚类——WKFCM的matlab程序作者:凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ 在聚类——WKFCM文章中已介绍了WKFCM算法的理论知识,现在用 ...