Repeater-重复器 - 类似WinForm中的ListView，用列表来展示数据

格式：

<body>

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

        <asp:Repeater ID="Repeater1" runat="server">  <%-- 重复器 --%>

            <HeaderTemplate></HeaderTemplate>  <%-- 头模板 --%>

            <ItemTemplate></ItemTemplate>  <%-- 项模板 --%>

            <AlternatingItemTemplate></AlternatingItemTemplate>  <%-- 交替模板 --%>

            <FooterTemplate></FooterTemplate>  <%-- 脚模板 --%>

        </asp:Repeater>

    </form>

</body>

<HeaderTemplate></HeaderTemplate> - 头模板：在循环开始时，其内容只会打印一遍

<ItemTemplate></ItemTemplate> - 项模板：重复循环打印其内容（李献策lxc）

<AlternatingItemTemplate></AlternatingItemTemplate> - 交替模板：与项模板交替打印

<FooterTemplate></FooterTemplate> - 脚模板：在循环结束时，其内容只会打印一遍

在后台绑定数据源

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

Repeater1.DataBind();

例如：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        List<Users> lu = new UsersData().Select();

        Repeater1.DataSource = lu;

        Repeater1.DataBind();

    }

}

后台绑定数据源

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

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

<head runat="server">

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

    <title></title>

    <style>

        #tb1 {

            width: %;

            text-align: center;

            background-color: navy;

        }

        #t-header {

            color: white;

        }

        .t-item {

            background-color: white;

        }

    </style>

</head>

<body>

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

        <%-- 重复器 --%>

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

            <%-- 头模板 --%>

            <HeaderTemplate>

                <table id="tb1">

                    <tr id="t-header">

                        <td>编号</td>

                        <td>用户名</td>

                        <td>密码</td>

                        <td>昵称</td>

                        <td>性别</td>

                        <td>生日</td>

                        <td>民族</td>

                        <td>班级</td>

                    </tr>

            </HeaderTemplate>

            <%-- 项模板 --%>

            <ItemTemplate>

                <tr class="t-item">

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

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

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

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

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

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

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

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

                </tr>

            </ItemTemplate>

            <%-- 脚模板 --%>

            <FooterTemplate>

                </table>

            </FooterTemplate>

        </asp:Repeater>

    </form>

</body>

</html>

展示数据

<ItemTemplate> 绑定数据格式：<td><%#Eval(" ") %></td>（李献策lxc）

交替展示：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

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

<head runat="server">

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

    <title></title>

    <style>

        #tb1 {

            width: %;

            text-align: center;

            background-color: navy;

        }

        #t-header {

            color: white;

        }

        .t-item {

            background-color: white;

        }

        .t-item1 {

            background-color:aqua;

        }

    </style>

</head>

<body>

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

        <%-- 重复器 --%>

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

            <%-- 头模板 --%>

            <HeaderTemplate>

                <table id="tb1">

                    <tr id="t-header">

                        <td>编号</td>

                        <td>用户名</td>

                        <td>密码</td>

                        <td>昵称</td>

                        <td>性别</td>

                        <td>生日</td>

                        <td>民族</td>

                        <td>班级</td>

                    </tr>

            </HeaderTemplate>

            <%-- 项模板 --%>

            <ItemTemplate>

                <tr class="t-item">

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

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

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

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

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

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

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

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

                </tr>

            </ItemTemplate>

            <%-- 交替模板 --%>

            <AlternatingItemTemplate>

                <tr class="t-item1">

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

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

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

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

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

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

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

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

                </tr>

            </AlternatingItemTemplate>

            <%-- 脚模板 --%>

            <FooterTemplate>

                </table>

            </FooterTemplate>

        </asp:Repeater>

    </form>

</body>

</html>

交替展示数据

一般，如果通过条件判断来改变样式的，放在属性扩展里，单纯只改变样式，则放在HTML样式中就可以

1、Sex - 显示男女

属性扩展

　　　　

2、Birthday - 显示年月日

<td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>

0 - 代表前面的数据，“：”后为要显示格式（李献策lxc）

　　

3、年龄小于15岁的项显示红色 - 属性扩展

　　

<tr>行 展示扩展的属性，可以用来实现-预警-等功能

4、昵称后面加“同学”两个字

5、民族列为黄色（李献策lxc）

C#-WebForm-Repeater-重复器的更多相关文章

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

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

  2. WebForm Repeater: 重复器

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

  3. repeater重复器、地址栏传值、response

    repeater重复器: <HeaderTemplate> <ItemTemplate> <AlternatingItemTemplate> <FooterT ...

  4. 2017-5-18 Repeater 重复器的使用

    Repeater - 重复器HeaderTemplate - 先执行,执行一次FooterTemplate - 最后执行,执行一次ItemTemplate - 在Header之后执行,有多少条数据绑定 ...

  5. Repeater - 重复器

    Repeater - 重复器,用来展示泛型集合中的数据 五大模板:1.HeaderTemplate - 头模板,加载时会在开始执行一次2.FooterTemplate - 脚模板,加载时会在最后执行一 ...

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

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

  7. WebForm Repeater Response以及 地址栏

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

  8. webform repeater 的使用

    1  repeater    定义: 重复器    根据数据库里的内容将repeater里的内容重复赋值 ,在itemtemplate下   配合<%# Eval(" ") ...

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

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

  10. WebForm Repeater使用

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

随机推荐

  1. 如何在VS 2010中使用 VS2013的解决方案(转)

    今天要用VS2010打开VS2013,一直觉得VS2010到VS2012只是界面上扁平化的改变,平台工具集有改变但很大程度上可能向上兼容.在网上搜了一些文章,其中有一篇说到一个观点:        从 ...

  2. ASP.NET MVC搭建项目后台UI框架—11、自动加载下拉框查询

    ASP.NET MVC搭建项目后台UI框架—1.后台主框架 需求:在查询记录的时候,输入第一个字,就自动把以这个字开头的相关记录查找出来,输入2个字就过滤以这两个子开头的记录,依次类推. 突然要用到这 ...

  3. 每天一个设计模式-2 外观模式（Facade）

    每天一个设计模式-2  外观模式(Facade) 1.生活中的示例 客户想要购买一台电脑,一般有两种方法: 1.自己DIY,客户需要知道组成电脑的所有电子器件,并且需要熟悉那些配件,对客户要求较高. ...

  4. GJM : Unity3D HIAR -【 快速入门 】 三、导入 SDK

    导入 SDK 本文将向您介绍如何在 Unity 工程中导入 HiAR SDK for Unity.在开始之前,请先访问 HiAR 官网下载最新版本的 SDK. 下载 HiAR SDK for Unit ...

  5. 关于Karaf Container 4.0.7

            Karaf是Apache旗下的一个开源项目.Karaf同时也是一个基于OSGi的运行环境,Karaf提供了一个轻量级的OSGi容器,可以用于部署各种组件,应用程序.Karaf提供了很多 ...

  6. Struts2入门(七)——Struts2的文件上传和下载

    一.前言 在之前的随笔之中,我们已经了解Java通过上传组件来实现上传和下载,这次我们来了解Struts2的上传和下载. 注意:文件上传时,我们需要将表单提交方式设置为"POST" ...

  7. yii2的权限管理系统RBAC简单介绍

    这里有几个概念 权限: 指用户是否可以执行哪些操作,如:编辑.发布.查看回帖 角色 比如:VIP用户组, 高级会员组,中级会员组,初级会员组 VIP用户组:发帖.回帖.删帖.浏览权限 高级会员组:发帖 ...

  8. webpack+react+antd 单页面应用实例

    React框架已经火了好长一段时间了,再不学就out了! 对React还没有了解的同学可以看看我之前的一篇文章,可以快速简单的认识一下React.React入门最好的实例-TodoList 自己从开始 ...

  9. js类型转换

    1.js中有六种基本类型,分别是object.number.string.Boolean.null.undefined,其中number.string.Boolean为基本类型,有时使用会强制转换成对 ...

  10. 整理UIImagePickerController问题

    [assetsLibrary addAssetsGroupAlbumWithName:@"iOSDevTip1" resultBlock:^(ALAssetsGroup *grou ...