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. HTML5的Video标签的属性,方法和事件汇总

    <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...

  2. spine实现预加载(一)

    前言 本文实现了spine动画的预加载,解决在战斗等大量加载spine动画的时候出现卡顿现象. 这里使用和修改三个类,直接修改的源码,当然你也可以继承LuaSkeletonAnimation,自己封装 ...

  3. jQuery Mobile应用之火车票查询

    效果图: 在CMD中输入如下代码 corsproxy (前提是有node.js环境,并先安装corsproxy) html: <!DOCTYPE html> <html> &l ...

  4. 用kryonet时kryo报buffer underflow错误

    原因是客户端和服务器端的kryo必须register同样的class类,某一端多register一个class类导致的

  5. 一个ubuntu phper的自我修养（workbench）

    workbench从此和navicat的激活码说再见 workbench是一个免费易用功能强大的mysql图形化管理软件,navicat上用到的功能,workbench上都能找到. 一.workben ...

  6. Android Fragment 真正的完全解析（下）

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37992017 上篇博客中已经介绍了Fragment产生原因,以及一些基本的用法和 ...

  7. windows下的c语言和linux 下的c语言以及C标准库和系统API

    1.引出我们的问题? 标准c库都是一样的!大家想必都在windows下做过文件编程,在linux下也是一样的函数名,参数都一样.当时就有了疑问,因为我们非常清楚 其本质是不可能一样的,源于这是俩个操作 ...

  8. linux和android博客链接

    1.Tracy Mcgrady的专栏冰山一角:linux和Android底层开发,主要是mtk系列点击打开链接 2.郁闷Wednesday:嵌入式linux 单片机 android,点击打开链接 3. ...

  9. Sprint(第十一天11.24)

  10. cocos学习笔记：快速上手

    cc.Class({ //奇怪的语法风格,cc.class, extends: cc.Component, //扩展自cc.Component properties: { //类的属性设置 jumpH ...