ItemTemplate： 包含要逐一呈现给数据源中的每个数据项的 HTML 元素和控件

AlternatingItemTemplate： 包含要逐一呈现给数据源中的其他每个数据项的 HTML 元素和控件。通常，可以使用此模板来为替代项创建不同的外观，例如指定一种不同于 ItemTemplate 中所指定颜色的背景色

HeaderTemplate  呈现在列表开始处的文本和空间

FooterTemplate： 呈现在列表结束处的文本和控件

SeparatorTemplate： 包含呈现在每项之间的元素。典型的示例可能是一条直线（使用 HR 元素）

添加Repeater控件，将数据绑定展示

以chinastates表为例：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

        <asp:Repeater ID="Repeater1" runat="server">

            <HeaderTemplate>

                <table style="background-color: navy; text-align: center;">

                    <tr style="color: white; padding: 10px;">

                        <td>区域编号</td>

                        <td>区域名称</td>

                        <td>区域父级编号</td>

                    </tr>

            </HeaderTemplate>

            <ItemTemplate>    <%--itemtemplate模板 输出数据行数 --%>

                <tr style="background-color: #e0e0e0;">  <%--绑定输出的列--%>

                    <td><%#Eval("AreaCode") %></td>

                    <td><%#Eval("AreaName") %></td>

                    <td><%#Eval("ParentAreaCode") %></td>

                </tr>

            </ItemTemplate>

            <FooterTemplate>

                </table>

            </FooterTemplate>

        </asp:Repeater>

    </form>

</body>

</html>

后台代码

  protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            Repeater1.DataSource = new ChinaStatesData().Select("");//读出数据库数据的数据进行数据指向

            Repeater1.DataBind();//绑定数据

        }

    }

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

库存预警效果：

以users表为例

</body><body>

    <form id="form1" runat="server">

        <asp:Repeater ID="Repeater1" runat="server">

            <HeaderTemplate>

                <table>

                             <td>民族</td>

                   </tr>

            </HeaderTemplate>

            <ItemTemplate>

                <tr>

                <td><%#Eval("UserName") %></td>

                <td><%#Eval("Password") %></td>

                <td><%#Eval("NickName") %></td>

                <td><%#Eval("SexName") %></td>

                <td><%#Eval("birthdayn" )%></td>

                <td><%#Eval("NationName") %></td>

                    </tr>

            </ItemTemplate>

            <FooterTemplate></table>

            </FooterTemplate>

        </asp:Repeater>

    </form> <tr>

                        <td>用户名</td>

                        <td>密码</td>

                        <td>昵称</td>

                        <td>性别</td>

                        <td>生日</td>

实体类：

public class Users

{

    public Users()

    {

    }

    private string _UserName;

    /// <summary>

    /// 用户名

    /// </summary>

    public string UserName

    {

        get { return _UserName; }

        set { _UserName = value; }

    }

    private string _PassWord;

    /// <summary>

    /// 密码

    /// </summary>

    public string PassWord

    {

        get { return _PassWord; }

        set { _PassWord = value; }

    }

    private string _NickName;

    /// <summary>

    /// 昵称

    /// </summary>

    public string NickName

    {

        get { return _NickName; }

        set { _NickName = value; }

    }

    private bool _Sex;

    /// <summary>

    /// 性别

    /// </summary>

    public bool Sex

    {

        get { return _Sex; }

        set { _Sex = value; }

    }

    public string SexStr //扩展属性 bool类型变为 男或女

    {

        get { return _Sex ? "男" : "女"; }

    }

    private DateTime _Birthday;

    /// <summary>

    /// 生日

    /// </summary>

    public DateTime Birthday

    {

        get { return _Birthday; }

        set { _Birthday = value; }

    }

    public string BirthdayStr //扩展属性 显示年月日

    {

        get { return _Birthday.ToString("yyyy年MM月dd日"); }

    }

    private string _Nation;

    /// <summary>

    /// 民族

    /// </summary>

    public string Nation

    {

        get { return _Nation; }

        set { _Nation = value; }

    }

    public string NationName

    {

        get { return new NationData().Select(this._Nation).NationName; }

    }

    public string Age

    {

        get { return (DateTime.Now.Year - this._Birthday.Year).ToString(); }

    }

    public string Red //扩展属性 加判断条件 如果大于16岁 该条属数据背景色变为红色 返回的是CSS样式 代码

    {

        get

        {

            string end = "";

            if (Convert.ToInt32(Age) >= )

            {

                end = "background-color:red;";

            }

            return end;

        }

    }

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------光棒效果：

<style type="text/css">

        #tb1 {

            width: %;

            background-color: navy;

            text-align: center;

        }

        #tr_head {

            color: white;

        }

        .tr_Item {

            background-color: white;

        }

        .tr_Item2 {

            background-color: #e0e0e0;

        }

    </style>

    <script type="text/javascript">

        window.onload = function () {

            var items = document.getElementsByClassName("tr_Item");

            var oldColor = "";//用来记录原来的颜色

            for (var i = ; i < items.length; i++) {

                items[i].onmouseover = function () {

                    oldColor = this.style.backgroundColor;

                    this.style.backgroundColor = "yellow";

                };

                items[i].onmouseout = function () {

                    this.style.backgroundColor = oldColor;

                };

            }

        };

    </script>

Repeater 使用方法的更多相关文章

  1. asp.net中Repeater控件用法笔记

    大家可能都对datagrid比较熟悉,但是如果在数据量大的时候,我们就得考虑使用 repeater作为我们的数据绑定控件了.Repeater控件与DataGrid (以及DataList)控件的主要区 ...

  2. [知识库分享系列] 二、.NET（ASP.NET）

    最近时间又有了新的想法,当我用新的眼光在整理一些很老的知识库时,发现很多东西都已经过时,或者是很基础很零碎的知识点.如果分享出去大家不看倒好,更担心的是会误人子弟,但为了保证此系列的完整,还是选择分享 ...

  3. Asp.Net初学小结

    第一章   1.搭建Asp.net开发环境   1).net FrameWork(VS) 2)IIS(xp:5.1,2003:6.0,vista:70,win7:7.5) C:\Windows\Mic ...

  4. Asp.Net初学小结 判断数组中是否有重复的数据

    Asp.Net初学小结   第一章   1.搭建Asp.net开发环境   1).net FrameWork(VS) 2)IIS(xp:5.1,2003:6.0,vista:70,win7:7.5)  ...

  5. javaSE27天复习总结

    JAVA学习总结    2 第一天    2 1:计算机概述(了解)    2 (1)计算机    2 (2)计算机硬件    2 (3)计算机软件    2 (4)软件开发(理解)    2 (5) ...

  6. [ASP.NET]asp.net Repeater控件的使用方法

    asp.net Repeater控件的使用方法 -- : 4770人阅读 评论() 收藏 举报 asp.netserveraspdatasetdeletexhtml 今天学习了,Repeater控件 ...

  7. Repeater为空时显示“暂无数据”，很方便实用方法

    Repeater为空时显示“暂无数据”,很方便实用方法 <FooterTemplate>   <asp:Label ID="lblEmptyZP" Text=&q ...

  8. ASP.NET repeater添加序号列的方法

    ASP.NET repeater添加序号列的方法 1.<itemtemplate> <tr><td> <%# Container.ItemIndex + 1% ...

  9. 在Repeater中使用DropDownList的方法

    在Repeater中使用DropDownList的方法 以下代码并不完整,只记录了关键的方法 aspx代码中 假设这是一个用户管理的系统的模型,有一个下拉菜单来操作用户状态 <asp:Repea ...

随机推荐

  1. Chap2: question: 1 - 10

    1. 赋值运算符函数(或应说复制拷贝函数问题) class A { private: int value; public: A(int n) : value(n) {} A(A O) { value ...

  2. Symfony2 资料篇

    http://www.chrisyue.com/symfony2-in-action-day-1.html 由于Symfony2现在还没有很完善的中文文档,所以不想看文档的同学可以直接进行点击上面的链 ...

  3. windows 上执行python pywin32.exe

    大家熟知的python脚本可以在linux系统上直接运行,因为linux上会安装python编译器 然而windows不会安装,如果想要别人直接运行你发布的python脚本,一种方法是在他的windo ...

  4. sql日期函数操作

    sql语句获取本周.本月.本年数据 SQL Serverselect * from [data] where  DATEPART(m,[date])=2 Accessselect * from [da ...

  5. tsclient rdesktop remina freerdp

  6. ASP.NET Web API之消息[拦截]处理

    标题相当难取,内容也许和您想的不一样,而且网上已经有很多这方面的资料了,我不过是在实践过程中作下记录.废话少说,直接开始. Exception 当服务端抛出未处理异常时,most exceptions ...

  7. Nginx 反向代理、负载均衡、页面缓存、URL重写以及读写分离

    1.环境准备 前端Nginx:10.160.65.44 后端WEB服务器两台:10.160.65.49/10.160.65.50 2.安装Nginx: 下载nginx-1.9.15.tar.gz,放置 ...

  8. TIJ读书笔记06-终结清理和垃圾回收

    TIJ读书笔记06-终结清理和垃圾回收 finalize()方法 垃圾回收器如何工作 java的垃圾回收是由jvm来控制的.所以需要java程序员参与的部分不是很多. 但是在这里需要明白一点,java ...

  9. 《深入理解Nginx》阅读与实践（二）：配置项的使用

    前文链接:<深入理解Nginx>阅读与实践(一):Nginx安装配置与HelloWorld HelloWorld的完成意味着已经踏入了nginx的大门,虽然很振奋人心,但在编写中仍有很多疑 ...

  10. VirtualBox 内的 Ubuntu Server 虚拟机网络配置

    环境: 宿主机:Windows 7,单网卡: 虚拟机:ubuntu-14.04.1-server-amd64: 宿主机上网是连接的路由器,IP 地址是通过 DHCP 服务自动获取的: 基本情况: Ub ...