第2章 标准Web服务器控件

第二章标准Web服务器控件回顾Web窗体将Web应用程序分为两部分：可视化组件和该页的编程逻辑。ASP.NET页面请求、执行、响应过程。页面和代码分离模型。WEB窗体处理的各个阶段。在页面加载时引发Page_Load事件。Page.IsPostback属性用于检查页面是否为首次加载。ViewState是ASP.NET中用来保存WEB控件回传时状态值的页面隐藏控件。本章目标掌握Web服务器控件的基本属性。熟练使用ASP.NET中的内部控件。了解列表控件。熟悉复杂控件。掌握验证控件的使用方法和用途。2.1Web控件概述ASP.NET控件内部列表复杂验证2.1WEB控件类在System.Web.UI.WebControl名字空间中定义所有的web控件都是从继承webcontrol基类开始的,并包括一些使用控件时所需要的基本属性。2.1.1Web控件-内部控件ASP.NET引入一组称为“内部控件”的新控件，它们专门用于ASP.NET。内部控件的使用方法与HTML控件相同,它们映射到HTML元素并通过使用runat=“server”属性在服务器上执行。2.1.2Web控件-列表控件这些控件用于在Web页中创建数据列表。填充这些控件的数据通常是从数据库中检索的。用户可以从列表中选择一种选项，并且该选项将存储在数据库中。通常使用的标准列表控件是Repeater、DataList和GridView控件。2.1.3Web控件-复杂控件当希望控件拥有复杂的功能或使用HTML元素无法创建的功能丰富的用户界面时，可以使用复杂控件。日历Web控件可以创建一个日历用户可以从中选择当前、以前和将来某个月份的日期用户无需输入不同的日期，只需使用同一日历控件来选择日期即可2.1.4Web控件-验证控件输入控件的数据需要进行准确性和取值范围方面的检查。在ASP中，验证工作只能使用客户端脚本语言在客户端上执行。ASP.NET引入智能验证控件以使验证工作在服务器端执行。2.1.5作为对象的Web控件Web控件是对象与对象一样，Web控件拥有方法和属性，并且响应事件。一旦将Web控件包括在Web页中，就可以设置其属性并调用其方法。可以为Web控件编写服务器端代码以响应在客户端上发生的事件。2.1.5作为对象的Web控件示例htmlscriptlanguage=C#runat=servervoidButton1_click(ObjectSrc,EventArgsE){lblMessage.Text=Src.ToString();btnButton1.Enabled=false;btnButton2.Visible=true;}voidButton2_click(ObjectSrc,EventArgsE){lblMessage.Text=;btnButton2.Visible=false;btnButton1.Enabled=true;}/script服务器端控件是最常用的控件。在ASP.NET应用程序中，服务器端控件是ASP.NET内置的控件。使用服务器端控件是必须向控件添加“runat=server”属性，以便与客户端控件相区别。如果向Web页面添加没有“runat=server”属性的服务器端控件，应用程序会自动提示该控件设计错误，而对于客户端控件而言，可以添加此属性，也可以不添加此属性。2.1.6ASP.NET控件属性2.1.6ASP.NET控件属性AccessKey属性：用来为控件指定键盘的快速键，这个属性的内容为数字或是英文字母。例如设置为“A”，那么使用时用户按下Alt+A组合键就会制动将焦点移动到这个控件的上面。Backcolor属性用于设置对象的背景色，其属性的设定值为颜色名称或是#RRGGBB的格式。边框属性包括有BorderWidth、BorderColor、BorderStyle等几个属性。其中，BorderWidth属性可以用设定Web控件的边框宽度，单位是像素计算。Enabled属性用于设置控件是否可用。当该属性值为False时，控件为禁止状态。当该属性值为True时控件为可用状态，对于有输入焦点的控件，用户可以对控件执行一定的操作。2.1.6ASP.NET控件属性Font属性有以下几个子属性，分别表现不同的字体特性：Font-Bold：如果属性值设定为True，则会变成粗体显示。Font-Italic：如果属性值设定为True，则会变成斜体显示。Font-Names：设置字体的名字。Font-Size：设置字体大小，共有九种大小可供选择Smaller、Larger、XX-Small、X-Small、Small、Medium、Large、X-Large或者XX-Large。Font-Strikeout：如果属性值设定为True，则文字中间显示一条删除线。Font-Underline：如果属性值设定为True，则文字下面显示一条底线。TabIndex属性用来设置Tab按钮的顺序。当用户使用者按下Tab键时，输入焦点将从当前控件跳转到下一个可以获得焦点的控件，TabIndex键就是用于定义这种跳转顺序的。合理的使用TabIndex属性，可以使用户使用程序时更加轻松，使得程序更加人性化。2.1.6ASP.NET控件属性ToolTip属性用于设置控件的提示信息。在设置了该属性值后，当鼠标停留在Web控件上一小段时间后就会出现ToolTip属性中设置的文字。Visible属性决定了控件是否会被显示，如果属性值为true将显示该控件，否则将隐藏该控件。Height和Width属性分别用于设置控件的高度和宽度，单位是pixel（像素）。CssClass属性用于设置控件呈现的样式。2.2内部控件Label控件TextBox控件Image控件Button控件ImageButton和LinkButton控件HyperLink控件CheckBox控件和CheckBoxList控件DropDownList控件ListBox控件RadioButton控件和RadioButtonList控件Panel控件Table控件、TableRow和TableCell控件2.2.1Label控件Label控件又称标签控件，主要是用来显示文本信息。在使用Label控件时，可以通过改控件的Text属性设置其显示文本。控件的使用方法有如下两种：asp:Labelid=“Label1”runat=“server”Text=“显示的文本”/asp:Labelasp:Labelid=“Label1”runat=“server”显示的文本/asp:Label2.2.2TextBox控件TextBox控件是一个文本框，用于让用户输入文本，是经常使用的一个输入控件。ASP:TextBoxId=控件的名字Runat=ServerText=TextBox中的字符串TextMode=SingleLine|Multuline|PasswordColumns=最大列数Rows=最大行数MaxLength=最大字符数目AutoPostBack=True|FalseOnTextChanged=事件程序名称/asp:textboxid=namerunat=server/asp:textboxid=addtextmode=multilinerows=“10columns=10runat=server/asp:textboxid=pwdtextmode=passwordrunat=server/2.2.3Image控件Image控件又称图像控件，主要用来显示用户的图片或图像信息。ASP:ImageId=Image控件的名字Runat=ServerImageUrl=图片所在地址AlternateText=图形还没加载时所替代的文字ImageAlign=NotSet|AbsBottom|AbsMiddle|BaseLine|Bottom|Left|Middle|Right|TextTop|Top/2.2.4Button控件Buton控件可以用来作为Web页面中的普通按钮。submit类型按钮用来把Web页面提交到服务器处理，没有从服务器返回的过程；command类型的按钮有一个相应的command名（通过CommandName属性设置该命令名字），当有多个command类型的按钮共享一个事件处理函数时，可以通过Command名字区分要出来哪个Button的事件。2.2.5ImageButton和LinkButton控件ImageButton控件和LinkButton控件是两个特殊的Button控件，其功能和Button基本一致。2.2.6HyperLink控件HyperLink类直接继承于WebControl类，用于创建到其他Web页的链接。ASP:HyperlinkId=控件名字Runat=ServerText=超级链接文字/提示ImageUrl=图片所在地址NavigateUrl=目标超级链接Target=目标链接所要显示的窗口位置/内部控件-控制转移将数据回发到服务器在页面之间导航将数据保存到服务器或访问服务器上的数据Button和ImageButton用于将数据传递回服务器。当用户需要在页面之间导航时，主要使用Hyperlink。尽管LinkButton看起来像浏览器上的超链接，但是在单击时，它们会将数据传递回服务器。2.2.7CheckBox控件和CheckBoxList控件CheckBox类继承于WebControl类，用于允许用户选择true状态或false状态。asp:CheckBoxid=控件的名字Text=显示的文字TextAlign=Right|LeftAutoPostBack=True|FalseChecked=True|FalseOnCheckedChanged=OnCheckedChangedMethodrunat=server/2.2.8RadioButton控件和RadioButtonList控件RadioButton控件用于从一个或多个选项中选择一项，属于多选一控件。RadioButtonList控件用于提供一组RadioButton控件，使用RadioButtonList控件可以方便的快速的生成RadioButton。2.2.9DropDownList控件DropDownList控件类似Windows的中下拉列表框，用户可以从单项选择下拉列表框中进行选择。asp:DropDownListid=控件的名字runat=serverAutoPostBack=True|FalseOnSelectedIndexChanged=事件处理方法asp:ListItemvalue=第一个列表项的内容selected=True|FalseText/asp:ListItemasp:ListItemvalue=第二个列表项的内容selected=True|FalseText/asp:ListItem/asp:DropDownList2.2.10ListBox控件ListBox控件也可以选择一项或者多项内容，不同DropDownList控件之处在外观的不同。ListBox控件没有下拉列表框，可一次显示多项，用户可以选择一个项也可以选择多个项。asp:ListBoxid=控件的名字Rows=rowcountSelectionMode=Single|MultipleOnSelectedIndexChanged=OnSelectedIndexChangedMethodrunat=serverasp:ListItemvalue=第一个列表项的内容selected=True|FalseText/asp:ListItemasp:ListItemvalue=第二个列表项的内