C#-WebForm-Repeater-重复器

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: 100%;
            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: 100%;
            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)

时间: 2024-10-15 10:35:52

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

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

Repeater: 重复器 <HeaderTemplate></HeaderTemplate> - 头模板:在循环开始时,其内容只会打印一遍 <ItemTemplate></ItemTemplate> - 项模板:重复循环打印其内容 <AlternatingItemTemplate></AlternatingItemTemplate> - 交替模板:与项模板交替打印 <FooterTemplate></FooterT

WebForm Repeater:重复器

五大模板: HeaderTemplate - 头模板  里面内容在开始显示一遍 ItemTemplate - 项模板  有多少条数据显示多少条 FooterTemplate -脚模板  里面内容在结束显示一遍 AlternatingItemTemplate - 交替项模板 与ItemTemplate一起用 数据绑定 list<Users> li =new usersData().Select(); Repeater1.DataSource=li;Repeater1.DataBind(); 数据

repeater重复器

repeater重复器: <HeaderTemplate> <ItemTemplate> <AlternatingItemTemplate> <FooterTemplate> 实体类与数据访问类: 实体类包含属性扩展 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data.SqlClient; /// <

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

Repeater - 重复器HeaderTemplate - 先执行,执行一次FooterTemplate - 最后执行,执行一次ItemTemplate - 在Header之后执行,有多少条数据绑定就执行多少次 AlterNatingItemTemplate - 交替项模板,与ItemTemplate交替执行 <%@ %> ------ 这里面写一些声明和引用的 <% %> -------- 编写C#代码的<%= %>--------往界面上输出一个变量的值<%

7.14 Repeater - 重复器

Repeater - 重复器,用来展示泛型集合中的数据 五大模板: 1.HeaderTemplate - 头模板,加载时会在开始执行一次 2.FooterTemplate - 脚模板,加载时会在最后执行一次 3.ItemTemplate - 项模板,数据源的数据有多少条就会重复多少次 4.AlternatingItemTemplate - 交替项模板,会与项模板交替执行,直到数据源中的数据重复完毕 后台绑定数据: //1.需要把数据查出来 List<Users> list = new User

ASP.Net简介、IIS服务器和Repeater重复器

简介:ASP.NET - 制作网站应用程序的技术 WebForm -出来时间比较早,敏捷.便捷开发,封装一些控件,慢慢发现一些控件做的挺好,真正使用没有那么敏捷 MVC -出来时间比较晚 什么东西? winform 界面 - 后台 - 数据库 共同组合出来的程序:ASP.NET 界面(HTML+CSS+JS) - 后台 - 数据库 运行机制:winform - 程序是安装在用户的电脑上,程序是运行在用户电脑上的.net Framework框架上的 ASP.NET - 通过浏览器向服务器发送请求,

Repeater - 重复器,用来展示泛型集合中的数据

五大模板: 1.HeaderTemplate - 头模板,加载时会在开始执行一次 2.FooterTemplate - 脚模板,加载时会在最后执行一次 3.ItemTemplate - 项模板,数据源的数据有多少条就会重复多少次 4.AlternatingItemTemplate - 交替项模板,会与项模板交替执行,直到数据源中的数据重复完毕 后台绑定数据: //1.需要把数据查出来 List<Users> list = new UsersData().SelectAll(); //2.绑定显

webform Repeater

Repeater 用法:1.绑定数据源: Repeater1.DataSource = context.Info; Repeater1.DataBind(); 2.造模板: 头模板:HeaderTemplate:只出现一次,一般是标题行 脚模板:FooterTemplate:只出现一次 项模板:ItemTemplate:根据数据源中数据的多少生成. 绑定数据: 1.Eval("Code"):绑定显示某一个字段 2.调用函数来显示数据 3.绑定主表中的字段:Nation1.Name 4.

WebForm Repeater使用

Repeater: HeaderTemplate - 在加载开始执行一遍 ItemTemplate - 有多少条数据,执行多少遍 FooterTemplate - 在加载最后执行一遍 AlternatingItemTemplate - 交替项模板 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="lianxi.aspx.cs" Inherits="lianxi"

webform repeater控件

Repeater: HeaderTemplate - 在加载开始执行一遍 ItemTemplate - 有多少条数据,执行多少遍 FooterTemplate - 在加载最后执行一遍 AlternatingItemTemplate - 交替项模板 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="lianxi.aspx.cs" Inherits="lianxi"