WebForm 控件(二)

控件

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>
时间: 2024-12-20 19:09:32

WebForm 控件(二)的相关文章

将开始我的WebForm控件开发之旅

时间总是过得很快,一转眼三个月就过去了,三个月内发生了很多的事.因为学校的学习,离开了我入门WPF的公司:开发了第一个外包项目,做的是WebForm的:而且了马上要毕业了,毕业后的公司应该是专门用WebForm的.所以,看来原来我所喜爱的WPF只将成为我的业余爱好啦... 话说之前是基本没有WEB的开发知识的,对什么Html,CSS,JS都是一知半解,所以,又要开始新的学习啦!WebForm控件开发就要开始啦!

如果写一个android桌面滑动切换屏幕的控件(二)

在viewgroup执行: public void snapToScreen(int whichScreen) { whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); boolean changingScreens = whichScreen != mCurrentScreen; mNextScreen = whichScreen; int mScrollX = this.getScrollX(); fin

IOS的一个带动画的多项选择的控件(二)

然后我们来写:TypeSelectView 这个比较简单,我们只要只要每个TypeView的位置,然后作为自己的subview就好了 @interface TypeSelectView : UIView @property(nonatomic) BOOL bShown; @property(nonatomic, strong) TypeView* curSelectedView; -(id)initWithFrame:(CGRect)frame searchType:(int)type; @en

WebForm 控件(一)、连接数据库

一.控件 [简单控件] (一)文字显示 1.Label → 在html中相当于span  <asp:Label ID="控件名 runat="server" Text="显示的文本"></asp:Label>2.Literal → 仅文字 → 一般用来输出JS代码  <asp:Literal ID="Literal1" runat="server"></asp:Literal

WebForm 控件

一.简单控件 1.Label(作用:显示文字) Web中: <asp:Label ID="Label1" runat="server" Text="Label" BorderColor="Black" BorderStyle="Solid" BorderWidth="5px"></asp:Label> 编译完成后的元素时span(html) <span id

WebForm控件

一.简单控件1.Label 被编译成span属性: Text 标签显示的文本 ForeColor 文本颜色 Visible 是否可见或被呈现 CssClass 该控件的css类名 在css中设置高度时加上这句:display:inline-block; 注意:控件的属性都可以在css中设置,如果设置不起作用是因为设置的语句不准确,解决的方法是:用css和属性分别设置后运行查看源代码找出差别,将不一样的地方在css中改成一样. 2.Literal 本身不被编译成html中的标签属性: Text 显

WebForm控件多字段绑定

一.这里的多字段绑定是什么意思? 多字段绑定控件其实就是把两个字段显示在一起作为一个字段现在控件上! 可能读者看了可能还是有点懵逼,说的还是比较抽象!的确,光从这上面的确是无法具体到某特定一种情况!那就直接上代码. 从标题上我们说的是古老的WebForm,咱暂且不论这个是否已经过时,既然遇到了,那就不能反抗吧...... 代码如下:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http

基础控件二

验证控件: RequiredFieldValidator控件   非空验证 功能说明:验证控件必须输入,未输入时或输入与初始值相同时提示错误信息 命名前缀:ReqVdt ASPX代码:<asp:RequiredFieldValidator ID="ReqVdtName" runat="server" ErrorMessage="未输入姓名" ControlToValidate="TxtSample"> </a

ASP.NET验证控件二

RequiredFieldValidator 验证控件 页面布局: <div> <h1>RequiredFieldValidator 验证控件</h1>   用户名: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1&