Calendar   日历；

FileUpdate 文件上传；

Image 图片，可以直接给URL；

Repeater：

HeaderTemplate - 在加载开始执行一遍

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

FooterTemplate - 在加载最后执行一遍

AlternatingItemTemplate - 交替项模板

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

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

 </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.DataBind();

         }

     }

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

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

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

         }

     }

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

光棒效果：

     <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复杂控件的更多相关文章

  1. ASP.NET中 WebForm 窗体控件使用及总结【转】

    原文链接:http://www.cnblogs.com/ylbtech/archive/2013/03/06/2944675.html ASP.NET中 WebForm 窗体控件使用及总结. 1.A, ...

  2. 客户端的javascript改变了asp.net webform页面控件的值，后台代码中如何获取修改后的值。

    客户端的javascript改变了asp.net webform页面控件的值,后台代码中如何获取修改后的值.     无论是什么的html控件,只要加上了runat="server" ...

  3. webform 简单控件

    html中12个表单元素添加runat="server"后称为控件 Lable 编译之后是 <span></span> 属性:CssClass  编译成 c ...

  4. WebForm 常用控件

    一.简单控件 1.Label(作用:显示文字) Web中: <asp:Label ID="Label1" runat="server" Text=&quo ...

  5. WebForm简单控件，复合控件

    简单控件: 1.Label 会被编译成span标签 属性: Text:文本内容 CssClass:CSS样式 Enlabled:是否可用 Visible:是否可见 __________________ ...

  6. webform FileUpload控件实例应用 上传图片

    首先在根目录下建一个"images"文件: HTML: <form id="form1" runat="server"> < ...

  7. webform简单控件

    表单元素: 文本类: text password textarea hidden text,password,textarea实现控件:textbox   textmode属性选择password或m ...

  8. WebForm 简单控件、复合控件

    简单控件: Label:被编译成span 样式表里设置lable的高度:  display:inline-block; Text  --文本 ForeColor  --字体颜色 Visible  -- ...

  9. Webform——验证控件

    验证控件一般是在注册的时候用到,是直接将JS代码封装到了控件里面,拉过来直接可以用,下面介绍一下主要用法: 1.CompareValidator:比较验证 常用属性:ControlToCompare ...

  10. webform 验证控件

    验证: 一.非空验证  RequiredFieldValidator ErrorMessage - 验证出错后的提示信息 ControlToValidate - 要验证的控件的ID Display - ...

随机推荐

  1. webstorm--破解

    2016.2.2 版本的破解方式: 安装以后,打开软件会弹出一个对话框:选择"license server" 输入:http://114.215.133.70:41017 2016 ...

  2. 8. apache服务实验笔记

    Apache服务器 一 简介 1 www:world  wide  web 万维网 http 协议: 超文本传输协议 HTML语言: 超文本标识语言 2 URL:统一资源定位 协议+域名:端口+网页文 ...

  3. discuz!

    1. discuz! 安装包下载 http://www.discuz.net/thread-3570835-1-1.html

  4. AngularJS中使用$resource

    这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了.      REST是Representat ...

  5. 关于mysql 查询内容不区分大小问题

    问题描述: select * from users where user_name ='user_01' 跟 select * from users where user_name ='uSer_01 ...

  6. metaclass 常用方式

    一个类作为metaclass的时候,我们需要重写它的__new__方法,这个方法的参数包括要创建class object的 metaclass,类名,父类集合,类成员 class MyMetaclas ...

  7. 在Excel中制作复合饼图

    在Excel中插入饼图时有时会遇到这种情况,饼图中的一些数值具有较小的百分比,将其放到同一个饼图中难以看清这些数据,这时使用复合条饼图就可以提高小百分比的可读性. 文中的复合饼图只是方便以后记忆,故不 ...

  8. Python3基础 访问列表指定索引值的元素

    镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...

  9. Install Nvidia driver 367.18 or later

    Install Nvidia driver 367.18 or later from ppa:graphics-drivers/ppa as follows: sudo add-apt-reposit ...

  10. Maven打包程序

    1.src/main目录下建立scritps.config.assembly目录 scritps:存放脚本文件如批处理 assembly:打包配置文件   2.assembly目录下建立package ...