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. html 定位问题

    HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对 ...

  2. springmvc跳转和重定向

    如果springmvc返回的视图中带有redirect:或者forward:,springmvc会进行特殊处理, redirect:会执行重定向,forward:会执行转发操作! @RequestMa ...

  3. Linux经典书籍推荐

    入门篇 <LINUX权威指南>书不错,写的很全面也比较广,涉及的不深,做为入门书籍不错,可以比较全面的了解linux .另外比较热门的也可以看看<鸟哥的私房菜>等书,偏管理类的 ...

  4. Redirecting Console.WriteLine() to Textbox

    I'm building this application in Visual Studio 2010 using C#. Basically there are 2 files, form1.cs ...

  5. 退出系统时跳出frame框架

    传统的系统界面,有iframe页面,当用户退出系统或者session过期或者非法请求时,都要使当前页面跳转到登录页面.比如用户点击注销的按钮在上面得top.jsp里面,方法:<a href=&q ...

  6. mysql主从复制的一些东西的整理

    最近给新上线的项目进行主从结构的搭建,因此整理些有用的东西出来,供作记录: 一.mysql主从复制的一般配置步骤: 1.准备两台数据库环境,或者单台多实例的环境,能够正常的启动和登陆. 2.配置my. ...

  7. “VS2013无法连接远程数据库”解决方案

    “VS2013无法连接远程数据库” 解决方案:以管理员身份登录CMD,输入netsh winsock reset并回车(注意,必须是已管理员身份运行,这个重置LSP连接) 或 netsh winsoc ...

  8. Android 中的 Service 全面总结（转载）

    转载地址:http://www.cnblogs.com/newcj/archive/2011/05/30/2061370.html 感谢作者 Android 中的 Service 全面总结 1.Ser ...

  9. 关于read only file system问题解决方案

    切换到超级用户sudo -sadb kill-serveradb rebootadb remount

  10. HDOJ（1010）DFS+剪枝

    Tempter of the Bone http://acm.hdu.edu.cn/showproblem.php?pid=1010 #include <stdio.h> #include ...