首页 > 代码库 > WebForm复杂控件

WebForm复杂控件

2024-08-14 11:51:06   223人阅读

Repeater：

HeaderTemplate - 在加载开始执行一遍

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

FooterTemplate - 在加载最后执行一遍

AlternatingItemTemplate - 交替项模板

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="lianxi.aspx.cs" Inherits="lianxi" %> 2  3 <!DOCTYPE html> 4  5 <html xmlns="http://www.w3.org/1999/xhtml"> 6 <head runat="server"> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 8     <title></title> 9 </head>10 <body>11     <form id="form1" runat="server">12         <asp:Repeater ID="Repeater1" runat="server">13             <HeaderTemplate>14                 <table style="text-align:center">15                     <tr style="color:white;padding:10px;">16                         <td>UserName</td>17                         <td>PsssWord</td>18                         <td>NickName</td>19                         <td>Sex</td>20                         <td>Birthday</td>21                         <td>Nation</td>22                     </tr>23              </HeaderTemplate>24             <ItemTemplate>25                 <tr style=" line-height: 1.5 !important;">">26                     <td><%#Eval("UserName")%></td>27                     <td><%#Eval("PassWord")%></td>28                      <td><%#Eval("NickName")%></td>29                     <td><%#Eval("Sex")%></td>30                      <td><%#Eval("birthday")%></td>31                     <td><%#Eval("Nation")%></td>32                 </tr>33             </ItemTemplate>34             <FooterTemplate>35               </table>36             </FooterTemplate>            37         </asp:Repeater>38         39 40 41 42     </form>43 </body>44 </html>

 

1  protected void Page_Load(object sender, EventArgs e)2     {3         if (!IsPostBack)4         {5             Repeater1.DataSource = new UsersDA().Select();6             Repeater1.DataBind();7         }8     }

Image 图片，可以直接给URL

FileUpdate 文件上传

Calendar   日历

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

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

 1  /// <summary> 2     /// 性别 3     /// </summary> 4     public bool Sex 5     { 6         get { return _Sex; } 7         set { _Sex = value; } 8     } 9 10     public string SexStr11     {12         get { return _Sex ? "男" : "女"; }13     }14 15 16     private DateTime _Birthday;17 18     /// <summary>19     /// 生日20     /// </summary>21     public DateTime Birthday22     {23         get { return _Birthday; }24         set { _Birthday = value; }25     }26 27     public string BirthdayStr28     {29         get { return _Birthday.ToString("yyyy年MM月dd日"); }30     }31 32 33     private string _Nation;34 35     /// <summary>36     /// 民族37     /// </summary>38     public string Nation39     {40         get { return _Nation; }41         set { _Nation = value; }42     }43 44     public string NationName45     {46         get { return new NationData().Select(this._Nation).NationName; }47 48     }49 50     public string Age51     {52         get { return (DateTime.Now.Year - this._Birthday.Year).ToString(); }53     }54 55     public string Red56     {57         get58         {59             string end = "";60             if (Convert.ToInt32(Age) >= 16)61             {62                 end = "";63             }64             return end;65         }66     }

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

 

光棒效果：

 1     <script type="text/javascript"> 2         window.onload = function () { 3             var items = document.getElementsByClassName("tr_Item"); 4             var oldColor = ""; 5             for (var i = 0; i < items.length; i++) { 6                 items[i].onmouseover = function () { 7                     oldColor = this.style.backgroundColor; 8                     this.style.backgroundColor = "yellow"; 9                 };10                 items[i].onmouseout = function () {11                     this.style.backgroundColor = oldColor;12                 };13             }14         };15     </script>

 

WebForm复杂控件


联系
我们