Repeater：

HeaderTemplate： 在加载开始执行一遍

ItemTemplate ： 有多少条数据，执行多少遍

FooterTemplate ：在加载最后执行一遍

AlternatingItemTemplate ： 交替项模板

<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>UserName</td>

                        <td>PsssWord</td>

                        <td>NickName</td>

                        <td>Sex</td>

                        <td>Birthday</td>

                        <td>Nation</td>

                    </tr>

             </HeaderTemplate>

            <ItemTemplate>

                <tr style="background-color:yellow">

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

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

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

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

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

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

                </tr>

            </ItemTemplate>

            <FooterTemplate>

              </table>

            </FooterTemplate>

        </asp:Repeater>

    </form>

</body>

</html>

数据绑定

protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            Repeater1.DataSource = new UsersDA().Select();

            Repeater1.Users：


/// <summary>

    /// 性别

    /// </summary>

    public bool Sex

    {

        get { return _Sex; }

        set { _Sex = value; }

    }

    public string SexStr

    {

        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

    {

        get

        {

            string end = "";

            if (Convert.ToInt32(Age) >= )

            {

                end = "background-color:red;";

            }

            return end;

        }

    }

数据操作类

public class UsersDA

{

    SqlConnection conn = null;

    SqlCommand cmd = null;

    public UserDA()

    {

        conn = new SqlConnection("server=.;database=Data0617;user=sa;pwd=123");

        cmd = conn.CreateCommand();

    }

    public List<Users> select()

    {

        List<Users> list = new List<Users>();

        cmd.CommandText = "select * from Users";

        conn.Open();

        SqlDataReader dr = cmd.ExecuteReader();

        if (dr.HasRows)

        {

            while (dr.Read())

            {

                Users data = new Users();

                data.UserName = dr[].ToString();

                data.Password = dr[].ToString();

                data.NickName = dr[].ToString();

                data.Sex =Convert.ToBoolean( dr[]) ;

                data.Birthday = Convert.ToDateTime(dr[]);

                data.Nation = dr[].ToString();

                list.Add(data);

            }

        }

        conn.Close();

        return list;

    }

}

库存预警

通过某个属性值判断后，将某条数据的样式进行更改

属性扩展的方式，写一个返回string类型的属性，返回的是CSS样式表样式

为了让大家知道，属性值不一定非得是展示用

<ItemTemplate>

                <tr class="tr_Item" style="<%#Eval("Red")%>">

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

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

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

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

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

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

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

                </tr>

            </ItemTemplate>

光棒效果

鼠标移入改变颜色

<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>

WebForm Repeater使用的更多相关文章

  1. Webform——Repeater多表联合显示

    对于一个表里,通过外键连接如何显示另一个表的数据,前Winform里可以用封装类来实现. 对于Webform,可以用封装类,也可以用Repeater的ItemDataBound事件(//在项被绑定数据 ...

  2. webform Repeater重复器、地址栏传值、Response

    Repeater: 重复器 <HeaderTemplate></HeaderTemplate> - 头模板:在循环开始时,其内容只会打印一遍 <ItemTemplate& ...

  3. webform Repeater、地址栏传值、Response

    Repeater: 重复器 Repeater中有五个模板,这里需要注意的是4个 <HeaderTemplate> - 开头,只执行一次的内容 <ItemTemplate> - ...

  4. WebForm Repeater: 重复器

    Repeater控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行.             Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式. ...

  5. WebForm Repeater Response以及 地址栏

    Repeater重复器: Repeater中有五个模板,这里需要注意的是4个 <HeaderTemplate> - 开头,只执行一次的内容 <ItemTemplate> - 需 ...

  6. webform repeater控件

    Repeater: HeaderTemplate - 在加载开始执行一遍 ItemTemplate - 有多少条数据,执行多少遍 FooterTemplate - 在加载最后执行一遍 Alternat ...

  7. Webform Repeater的灵活运用

    案例:模拟购物列表 封装实体类:   数据访问类: 用Repeater展示: 1 <%@ Page Language="C#" AutoEventWireup="t ...

  8. WebForm Repeater的事件、后天数据展示--2017年1月8日

    Repeater的Command操作 1.ItemCommand事件 :在Repeater中所有能触发事件的控件,都会来触发这一个事件 CommandName : 判断点击的是什么按钮,e.Comma ...

  9. webform repeater

    repeater:由模板构成,解析后模板就不存在了             需要指定数据源进行数据绑定 List<Fruit> list = new FruitDA().Select(); ...

随机推荐

  1. java-集合3

    浏览以下内容前,请点击并阅读 声明 Queue接口(队列) 需要对一些列的元素进行处理前,我们可以把他们放到Queue对象中,除了继承Collection接口的方法外,队列还有一些插入,删除和检查操作 ...

  2. maven 项目打包 及window下部署到tomcat

    1.maven项目打包 2.将war文件拷贝到tomcat目录webapps下(不要再建目录)3.将必要的jar文件拷贝到tomcat目录libx下 war包 或jar 包 会生成到项目所在路径 的t ...

  3. java分享第六天（冒泡排序）

    冒泡排序 基本思想: 在要排序的一组数中,对当前还未排好序的范围内的全部数,自上而下对相邻的两个数依次进行比较和调整,让较大的数往下沉,较小的往上冒.即:每当两相邻的数比较后发现它们 的排序与排序要求 ...

  4. 触屏手机3G网站设计

    随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website. 触屏手机网站在中国还属于起步阶段,从行 ...

  5. 【Alpha】Daily Scrum Meeting第二次

    一.Daily Scrum Meeting照片 二.Burndown Chart 由于此次项目延期7天,因此Burndown Chart较第一次会变宽 三.项目进展 登陆模块已经能和服务器交流 可以使 ...

  6. ubuntu segmentation fault 段错误

    1.段错误 http://www.cnblogs.com/panfeng412/archive/2011/11/06/2237857.html 2.段错误的调试方法 2.1使用printf输出信息 2 ...

  7. POJ 3177 Redundant Paths（边双连通的构造）

    Redundant Paths Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 13717   Accepted: 5824 ...

  8. shujuk

    数据库管理的目标:在适当的时候以适当的形式向适当的人提供适当的数据. 2. 数据管理的内容:组织业务的管理(学生的信息) :技术的管理(数据库的建立等) 3. 数据库管理的发展阶段:人工,文件,数据库 ...

  9. Robot Framework 的安装和配置（转载）

    Robot Framework 的安装和配置 在使用 RF(Rebot framework)的时候需要 Python 或 Jython 环境,具体可根据自己的需求来确定.本文以在有 Python 的环 ...

  10. maxscale

    一.maxscale简介1.MaxScale是maridb开发的一个mysql数据中间件,其配置简单,能够实现读写分离,并且可以根据主从状态实现写库的自动切换.2.官网:https://mariadb ...