WebForm Repeater: 重复器

最新推荐文章于 2022-09-08 11:08:36 发布
最新推荐文章于 2022-09-08 11:08:36 发布
阅读量363 收藏
点赞数
分类专栏： HTML、C#知识集

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

 Repeater支持以下5种模板      

● ItemTemplate : 对每一个数据项进行格式设置 【Formats each item from the data source.】      
● AlternatingItemTemplate : 对交替数据项进行格式设置      
● SeparatorTemplate : 对分隔符进行格式设置      
● HeaderTemplate : 对页眉进行格式设置 ，在加载开始执行一遍    
● FooterTemplate : 对页脚进行格式设置，在加载最后执行一遍     
以上，英文中使用了Formats item from datasource这样的话，就说明Repeater控件主要是用来对数据进行Format的，控制数据怎么样排列，怎么样显示。      
Repeater必须使用的是Itemtemplate，其它的类型模板按需添加。

例：

复制代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="main.aspx.cs" Inherits="main" %>

<!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>
        * {
            margin: 0px;
            padding: 0px;
        }

        .tb1 {
            width: 100%;
        }

        .trh {
            background-color: blue;
            color: white;
            text-align: center;
            height: 50px;
        }

        .trb {
            text-align: center;
            height: 30px;
        }

            .trb:hover {
                background-color: #808080;
            }

        .trb1 {
            text-align: center;
            height: 30px;
            background-color: #ffd800;
        }

            .trb1:hover {
                background-color: #808080;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <table class="tb1">
                    <tr class="trh">                    
                        <td>用户名</td>
                        <td>密码</td>
                        <td>昵称</td>
                        <td>性别</td>
                        <td>生日</td>
                        <td>民族</td>
                        <td>班级</td>
                    </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr class="trb">  
                    <td><%#Eval("UserName") %></td>
                    <td><%#Eval("Pass") %></td>
                    <td><%#Eval("NickName") %></td>
                    <td><img height='30' src="<%#Eval("seximage") %>" /></td>
                    <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
                    <td style="<%#Eval("red")%>"><%#Eval("NationName") %></td>
                    <td><%#Eval("ClassName") %></td>
                </tr>
            </ItemTemplate>
            <AlternatingItemTemplate>
                <tr class="trb1">                     
                    <td><%#Eval("UserName") %></td>
                    <td><%#Eval("PassWord") %></td>
                    <td><%#Eval("NickName") %></td>
                    <td>
                        <img height='30' src="<%#Eval("seximage") %>" /></td>
                    <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
                    <td style="<%#Eval("red")%>"><%#Eval("NationName") %></td>
                    <td><%#Eval("ClassName") %></td>
                </tr>

            </AlternatingItemTemplate>
            <FooterTemplate></table></FooterTemplate>
        </asp:Repeater>
    </form>
</body>
</html>
复制代码
复制代码 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class main : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Repeater1.DataSource = new UsersData().select();
        Repeater1.DataBind();
    }
}
复制代码
复制代码 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

/// <summary>
/// Nation 的摘要说明
/// </summary>
public class Nation
{
    public Nation()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }
    public string Code { get; set; }
    public string Name { get; set; }
}
复制代码
复制代码 
using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;

/// <summary>
/// NationData 的摘要说明
/// </summary>
public class NationData
{
    SqlConnection conn = null;
    SqlCommand cmd = null;
    public NationData()
    {
        conn = new SqlConnection("server=.;database=Data0928;user=sa;pwd=123");
        cmd = conn.CreateCommand();
    }
    public List<Nation> Select()
    {
        List<Nation> list = new List<Nation>();   
     cmd.CommandText = "select *from Nation";
      
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.HasRows)
        {
            while (dr.Read())
            {
                Nation n = new Nation();
                n.Code = dr[0].ToString();
                n.Name = dr[1].ToString();

                list.Add(n);
            }
        }
        conn.Close();
        return list;
    }
    public List<Nation> select()
    {
        List<Nation> list = new List<Nation>();
        cmd.CommandText = "select *from Class";

        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.HasRows)
        {
            while (dr.Read())
            {
                Nation n = new Nation();
                n.Code = dr[0].ToString();
                n.Name = dr[1].ToString();

                list.Add(n);
            }
        }
        conn.Close();
        return list;
    }
}
复制代码
复制代码 
using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;

/// <summary>
/// Users 的摘要说明
/// </summary>
public class Users
{
     SqlConnection conn = null;
        SqlCommand cmd = null;

        public Users()
        {
            conn = new SqlConnection("server=.;database=Data0928;user=sa;pwd=123");
            cmd = conn.CreateCommand();
        }
    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; }
    }
    public string Pass
    {
        get
        {
            string p = "";
            if (Password == "123456")
                p = "******";
                return p;
        }
    }
    public string Nickname { get; set;}
    public bool Sex { get; set; }
    public string seximage
    {
        get
        {
            string src = "";
            if (Sex)
                src = "showsm.png";
            else
                src = "showsw.png"; 
                
            return src;
        }
    }
    public DateTime Birthday{get;set;}
    public string Nation { get; set; }
    public string red
    {
        get
        {
            string yellow = "";
            if (NationName == "满族")
                yellow = "background-color:red;";
            return yellow;
        }
    }
    public string Class { get; set;}
    public string ClassName
    {
        get
        {
            string end = "<无班级>";

            cmd.CommandText = "select *from Class where ClassCode = @a";
            cmd.Parameters.Clear();
            cmd.Parameters.AddWithValue("@a", Class);
            conn.Open();
            SqlDataReader dr = cmd.ExecuteReader();
            if (dr.HasRows)
            {
                dr.Read();
                end = dr["ClassName"].ToString();
            }
            conn.Close();
            return end;
        }
    }
    public string NationName
    {
        get
        {
            string end = "<未填>";
            cmd.CommandText = "select *from Nation where NationCode = @a";
            cmd.Parameters.Clear();
            cmd.Parameters.AddWithValue("@a", Nation);
            conn.Open();
            SqlDataReader dr = cmd.ExecuteReader();
            if (dr.HasRows)
            {
                dr.Read();
                end = dr["NationName"].ToString();
            }
            conn.Close();

            return end;
        }
    }
}
复制代码
复制代码 
using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;

/// <summary>
/// UsersData 的摘要说明
/// </summary>
public class UsersData
{
    SqlConnection conn = null;
    SqlCommand cmd = null;
    public UsersData()
    {
        conn = new SqlConnection("server=.;database=Data0928;user=sa;pwd=123");
        cmd = conn.CreateCommand();
    }
    /// <summary>
    /// 用户验证
    /// </summary>
    /// <param name="uname">用户名验证</param>
    /// <param name="pwd">密码验证</param>
    /// <returns></returns>
    public bool Select(string uname, string pwd)
    {
        bool yanzheng = false;
        cmd.CommandText = "select * from Users where UserName=@a and PassWord=@b";
        cmd.Parameters.Clear();
        cmd.Parameters.Add("@a", uname);
        cmd.Parameters.Add("@b", pwd);
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.HasRows)
        {
            yanzheng = true;
        }
        conn.Close();
        return yanzheng;
    }
    /// <summary>
    /// 添加
    /// </summary>
    /// <param name="u"></param>
    /// <returns></returns>
    public bool insert(Users u)
    {
        bool ok = false;

        cmd.CommandText = "insert into Users values(@a,@b,@c,@d,@e,@f,@g)";
        cmd.Parameters.Clear();
        cmd.Parameters.AddWithValue("@a", u.UserName);
        cmd.Parameters.AddWithValue("@b", u.Password);
        cmd.Parameters.AddWithValue("@c", u.Nickname);
        cmd.Parameters.AddWithValue("@d", u.Sex);
        cmd.Parameters.AddWithValue("@e", u.Birthday);
        cmd.Parameters.AddWithValue("@f", u.Nation);
        cmd.Parameters.AddWithValue("@g", u.Class);
        conn.Open();
        try
        {
            cmd.ExecuteNonQuery();
            ok = true;
        }
        catch
        { }
        conn.Close();
        return ok;
    }
    /// <summary>
    /// 查询是否有此用户
    /// </summary>
    /// <param name="username"></param>
    /// <returns></returns>
    public bool bselect(string username)
    {
        bool has = false;
        cmd.CommandText = "select *from Users where UserName = @a";
        cmd.Parameters.Clear();
        cmd.Parameters.Add("@a", username);

        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.HasRows)
            has = true;

        conn.Close();
        return has;
    }
    /// <summary>
    /// 查询所有信息
    /// </summary>
    /// <returns></returns>
    public List<Users> select()
    {
        List<Users> flist = new List<Users>();
        cmd.CommandText = "select *from users";
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.HasRows)
        {
            while (dr.Read())
            {
                Users u = new Users();
                u.UserName = dr["UserName"].ToString();
                u.Password = dr["PassWord"].ToString();
                u.Nickname = dr["NickName"].ToString();
                u.Sex = Convert.ToBoolean(dr["Sex"]);
                u.Birthday = Convert.ToDateTime(dr["Birthday"]);
                u.Nation = dr["Nation"].ToString();
                u.Class = dr["Class"].ToString();
                flist.Add(u);
            }
        }
        conn.Close();
        return flist;
    }
}
复制代码

光棒效果

      意思是，当鼠标放上的时候，改变其属性，比如：背景色，边框颜色，边框样式等

      方法：js代码实现，用到两个事件，分别是：onmouseover（鼠标放上）和onmouseout（鼠标离开）

1、不论是正常显示的还是预警显示的，当鼠标放上时，背景色变为黄色；鼠标离开，回复原来的颜色。

复制代码 
</style>
    <script >
        window.onload=function(){
            var items = document.getElementsByClassName("tr_Item");
            var oldColor = "";注释：存放原来的背景色
            for (var i = 0; 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>
</head>
<body>
复制代码

2、除预警显示红色不变外，当鼠标放上时，背景色变为黄色；鼠标离开，回复原来的颜色。

复制代码 
</style>
    <script >
        window.onload=function(){
            var items = document.getElementsByClassName("tr_Item");            
            for (var i = 0; i < items.length; i++) {
                if (items[i].style.backgroundColor != Red) {
                    items[i].onmouseover = function () {
                        this.style.backgroundColor = "yellow";
                    }
                    items[i].onmouseout = function () {
                        this.style.backgroundColor = oldColor;
                    }
                }
            }
        }
    </script>
复制代码

Repeater控件的事件处理

      Repeater控件有以下事件：      
              ● DataBinding : Repeater控件绑定到数据源时触发      
              ● ItemCommand : Repeater控件中的子控件触发事件时触发      
              ● ItemCreated : 创建Repeater每个项目时触发  
              ● ItemDataBound : Repeater控件的每个项目绑定数据时触发  

 

Me918
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Repeater示例.rar
09-25
Repeater示例 说明, 虽然webform基本已经淘汰，但是总有一些老系统还在用。
webform中的htmleditor
04-25
很多时候Windows程序也需要用到图文并茂的效果，也希望能类似webform中的htmleditor那样，这里提供一位高人写的控件，很好用。
webform之Repeater控件
weixin_30451709的博客
05-20 111
webform之Repeater控件 一、Repeater控件 数据循环编辑 1、repeater包括五大模板： （1）HeaderTemplate:标题模板，对开头进行编辑，只执行一次 （2）FooterTemplate:页尾结束模板，对结尾进行编辑，只执行一次 （3）ItemTemplate：循环内容执行，内容有多少条，执行多少次...
WebForm（四）——Repeater控件（重要、好用）
dhope1234的博客
09-22 266
Repeater控件，可以用来一次显示一组数据项。比如，可以用它们显示一个数据表中的所有行。 Repeater控件完全由模板驱动，提供了最大的灵活性，可以任意设置它的输出格式。 一、Repeater控件显示数据 要使用Repeater控件显示数据，必须创建ItemTemplate。如下所示： 例1：使用ItemTempl...
Webform（Repeater控件）
weixin_30343157的博客
10-16 84
一、Repeater控件 有五大模板 ItemTemplate :有多少条数据，执行多少遍 AlternatingItemTemplate : 对交替数据项进行格式设置SeparatorTemplate : 对分隔符进行格式设置 HeaderTemplate : 对页眉进行格式设置，在加载开始执行一遍 FooterTemplate : 对...
ASP.NET就业实例视频教程（5）WebForm控件——更便捷地创建页面
12-14
在使用ASP.NET的WebForm控件开发网站时，开发人员不用编写HTML、CSS代码也能开发web应用程序，直接对控件进行设置就可完成页面的创建。本课程学习的WebForm控件就是为了、高效的开发web应用程序。【课程特色】1、课程设计循序渐进、讲解细致、通俗易懂、非常适合自主学习2、教学过程贯穿实战案例，边学边用3、突出技术关键点、并且分析透彻
Roson的Qt之旅 #114 QML Repeater(重复器)
Allen Roson
09-08 628
QML Repeater(重复器)；Qt Quick Repeater重复器
webform:带有 angularjs 、 nodejs 和 nodemailer 服务的网络表单
06-30
编辑 webform/server.js 文件： +打开 server.js 文件，在第 58 行并将其更改为您的电子邮件 运行网络表单： +双击 index.hmtl 文件+填写表格信息 +单击“发送按钮”，您应该看到： +查看节点服务器终端，你会看到...
WebForm密码生成器工具
04-11
在较早的文章中，考虑了WebForm密码生成器。 本文介绍了其实现的结果。
WebForm Repeater: 重复器
weixin_30384217的博客
12-30 81
Repeater控件，可以用来一次显示一组数据项。比如，可以用它们显示一个数据表中的所有行。 Repeater控件完全由模板驱动，提供了最大的灵活性，可以任意设置它的输出格式。 Repeater支持以下5种模板 ● ItemTemplate : 对每一个数据项进行格式设置 【Formats each item from the data source.】...
webform（三）Repeater控件
weixin_30740295的博客
08-14 105
Repeater控件用于显示重复的项目列表,这些项目被限制在该控件。Repeater控件可被绑定到数据库表、XML 文件或者其他项目列表。 一、建实体类和数据访问类 建立的方法和winform一样，建立时会提示类文件应该放在App_Code文件里，是否放入，选择是，会自动创建该文件夹并将类放进去。 webform没有命名空间。 实体类： public class Users {...
WebForm 【Repeater】展示数据
weixin_30631587的博客
05-24 196
在 Webform 数据展示中 界面层 ： HTLM 业务逻辑层 ：只能用 C# Repeater 重复器 能够用来循环展示数据 具有5种模板 HeaderTemplate: 对页眉进行格式设置，在加载开始执行一遍，（不论放...
WebForm 动态生成Repeater并绑定数据
liwan09的博客
08-17 1048
前几天，项目中需要实现动态生成Repeater并绑定数据的功能，记录一下实现的方法 一、使用模板实现 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namesp...
WebForm以及WebForm中Repeater控件、简单控件使用
weixin_30724853的博客
05-22 268
ASP.NET分为：ASP.NET WebForm和ASP.NET MVC 运行机制： C/S（客户端应用程序） 代码在客户端执行，仅仅去服务器上的数据库存取数据 B/S（网站应用程序） 程序代码在服务器上执行，客户端仅仅渲染HTML+CSS，执行JS代码，其它所有的功能都在服务器上执行 客户端浏览器发送请求→服务器上的IIS（Internet 信息服务管理器）（html+css...
Webform Repeater的灵活运用
weixin_33727510的博客
01-08 84
案例：模拟购物列表 封装实体类： 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 6 /// <summary> 7 /// gouwu 的摘要说明 8 /// </summary> 9...
webform开发模式
最新发布
03-29
Webform开发模式是一种用于构建Web表单的模式，它将表单元素（如文本框、下拉框、单选按钮等）和验证规则（如必填、长度限制、格式验证等）封装在一起，以便开发者可以轻松地创建和管理表单。 Webform开发模式通常包括以下步骤： 1. 确定表单需求：确定表单需要收集哪些信息，以及如何验证和处理这些信息。 2. 设计表单布局：设计表单的外观和布局，包括表单元素的排列和样式。 3. 编写表单代码：使用Webform框架提供的API编写表单的代码，包括添加表单元素、设置验证规则、处理提交等。 4. 测试表单：测试表单的功能和性能，检查是否有任何错误或缺陷。 5. 发布表单：将表单发布到Web应用程序中，以便用户可以访问和使用表单。 Webform开发模式的优点包括： 1. 简化开发流程：Webform框架提供了许多可重用的组件和API，可以大大简化表单开发的流程。 2. 提高代码可读性：通过将表单元素和验证规则封装在一起，可以提高代码的可读性和可维护性。 3. 支持多种验证规则：Webform框架支持多种验证规则，包括必填、长度限制、格式验证等，可以确保表单数据的准确性和完整性。 4. 提供可定制的样式：Webform框架提供了可定制的样式选项，可以使表单看起来更美观和专业化。 5. 提高用户体验：通过使用Webform框架提供的一些高级功能，如自动完成、分步表单、动态表单元素等，可以提高用户在表单中的体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值