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. nodejs学习笔记二：解析express框架项目文件

    上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添 ...

  2. Nudnik Photographer -Ural1260动态规划

    Time limit: 1.0 second Memory limit: 64 MB If two people were born one after another with one second ...

  3. 第1章 Sass简介

    什么是 CSS 预处理器? 定义: CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言 ...

  4. 年终汇报、总结、述职：教你做一场B格满满的技术大会演讲

    什么样的演讲和呈现最受听众欢迎,内容干货?逻辑清晰?长相帅气? 偶尔被邀作为speaker参加一些圈内的技术大会进行演讲.这里我分享下自己的经验,如何做一场B格满满的技术大会演讲,希望给做汇报.总结. ...

  5. Centos7安装图形界面

    安装好字符操作系统后,使用网络安装(网络安装比较简单,不需要配置yum文件): yum groupinstall "GNOME Desktop" -y startx centos7 ...

  6. 【leetcode❤python】 168. Excel Sheet Column Title

    class Solution(object):    def convertToTitle(self, n):        """        :type n: in ...

  7. 浅谈一下关于iscroll的使用心得

    因为最近的项目所有页面老板想做成苹果原生那种上下拉动有回弹效果的体验,浏览器自带是没有这种功能的,自己写的话兼容性可能会出大问题,要适配安卓的各种机型实在是难,所以我还是选择去使用移动端相对比较稳定的 ...

  8. Express+mysql的博客（1）

    学了东西一定要自己上手试过才知道是不是真的会了.一直想练练node的使用,本来也没有什么好想法的,经同学提醒了一下,发现其实我可以用node写一个博客.我同学说工作量会非常之大╮(╯_╰)╭那也得先试 ...

  9. stopPropagation, preventDefault 和 return false 的区别

    因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagati ...

  10. Hello 2017!