码迷,mamicode.com
首页 > Web开发 > 详细

WebForm 控件(二)

时间:2016-09-23 01:20:23      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

控件

Calendar:日历控件 但是html代码了太大不适用

FileUpdate: 文件上传

HiddenField:隐藏域

Image: 图片  可以直接给URL 不适用可用html代码写

Table:表格  不适用

验证类登录类自带控件不要用

 

【Repeater】

HeaderTemplate - 在加载开始执行一遍

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

FooterTemplate - 在加载最后执行一遍

AlternatingItemTemplate - 交替项模板

 

<%#Eval("需要的字段")%>  :动态网页提供动态数据的符号

<%@ 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>

 

 

光棒效果:

    <script type="text/javascript">
         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>

 

WebForm 控件(二)

标签:

原文地址:http://www.cnblogs.com/ShenG1/p/5898431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!