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. 发送短信（string转换为JSON）

    using Newtonsoft.Json;using System;using System.Collections.Generic;using System.Linq;using System.T ...

  2. repeat语句

    一.repeat语句格式repeat语句用于"重复执行循环体,直到指定的条件为真时为止" repeat语句格式:repeat  语句1;  语句2;  --  语句n;until ...

  3. img会在特定的情况下主动的第二次调用MVC的action

    当img的src为空,或者不是合法路径的时候,会连续调用MVC的action两次,第二次所传的值为src的值,这常常会导致程序报错. 这不是MVC的issue,而是浏览器的行为,当response f ...

  4. jquery遍历的radio的取值问题

    html页面:<c:if test="${courseStandardVos != null }"> <c:set var="index" v ...

  5. JavaScript基础篇

    写的不错,转 http://www.cnblogs.com/suoning/p/5656403.html

  6. 跨域文件 clientaccesspolicy.xml

    <?xml version="1.0" encoding="utf-8" ?> <access-policy> <cross-do ...

  7. awk用法

    目前虽然有很多工具可以代替awk,但是呢我还是认为awk还是非常重要,比如有时候load数据到hive,mysql发现数据有点问题,这样可以先对比文件和库中数据是否一致,这样awk就发挥用处了,还有从 ...

  8. 关于ES、PES、PS/TS 码流

    一.基本概念 )ES   ES--Elementary  Streams  (原始流)是直接从编码器出来的数据流,可以是编码过的视频数据流(H.264,MJPEG等),音频数据流(AAC),或其他编码 ...

  9. js onkeypress与onkeydown 事件区别详细说明

    keypress只适用于有字符输入的按键 而keyup/keydown包含了Ctrl, Shift之类的情况 Firefox在处理onKeyDown/onKeyPress事件时存在漏洞,恶意网页可能利 ...

  10. C++ 一个程序获取另一个程序Edit控件的内容

    //一个程序获取另一个程序Edit控件的内容 //根据指定程序的标题名获取改程序窗口的句柄 HWND hWnd=::FindWindow(NULL,"zhang001"); if( ...