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. c#lock语句及在单例模式中应用

    C#中的lock语句是怎么回事,有什么作用? C#中的lock语句将lock中的语句块视为临界区,让多线程访问临界区代码时,必须顺序访问.他的作用是在多线程环境下,确保临界区中的对象只被一个线程操作, ...

  2. Sql的一些概念

    聚合函数 聚合函数可以返回整个或者几个列或者一个列的汇总数据,它常用来计算SELECT语句查询的统计值.聚合函数经常与SELECT语句的GROUP BY 子句一同使用.

  3. (String) 压缩String

    e.g.  aaabbcccc    返回a3b2c4 public static String compressString(String str) { StringBuilder sb=new S ...

  4. 【练习】移动数据----infile *

    要求: ①指定bad文件: ②挂在之前将目标表delete: ③导入的的数据在控制文件中. 1.创建目录对象: :: SYS@ORA11GR2>create or replace directo ...

  5. php CI ip限制

    public function index() { $ip = $this->input->ip_address(); if(!in_array($ip, $this->allowe ...

  6. iperf3实践

    The basic commands are the same for iperf and iperf3: SAMPLE IPERF/IPERF3 COMMANDS Server: iperf/ipe ...

  7. 2016-06-06：X264码率控制

    H.264与x264 H264是一个视频压缩编码标准.https://zh.wikipedia.org/wiki/H.264/MPEG-4_AVC X264实现H264视频压缩标准的开源项目.http ...

  8. Linux下/boot目录

    /boot目录存放的是开机所需的文件----内核,开机菜单,及所需配置文件等: (1)系统Kernel的配置文件: (2)启动管理程序GRUB的目录,里面放的都是GRUB在启动时所需要的画面.配置及各 ...

  9. 移动端自动化环境搭建-node.js的安装

    安装node.js A.安装依赖 Appium是使用nodejs实现的,所以node是解释器,首先需要确认安装好 B.安装过程

  10. frame中隐藏横向滚动条

    设置frame的scrolling="yes",在右侧页面的body里加入: style="overflow-x:hidden;"  如:<body st ...