风影ASP.NET基础教学 2 web服务器控件

在asp.net中，web标准服务器控件是ASPNET的核心部件，也是Web Form编程模型的最基本元素。相对于Html服务器控件而言，它具有更多的内置功能和可编程性。它不仅包括简单的按钮和文本框这样的简单控件，还有一些特殊用途的控件如日期、菜单和树形控件

1.与Html服务器控件的区别

html服务器控件不可以自动识别服务器达到自动变化的效果

编程扩展web服务器控件很容易可以扩展新的功能

Html服务器控件事件大多都是在客户端，而服务器控件是在服务端

2.WebControl基类

在ASP.NET中，所有的web服务器控件都定义在System.Web.UI.Controls命名空间下，都派生自WebControl。那么就有了一些公共属性

2.1常用属性

AccessKey	控件的键盘快捷键，此属性指定用户在按住Alt键的同时按下单个字母或者数字。例如如果希望用户按下Alt+K以访问控件，则指定“K”
Attributes	控件上的属性集合。可以直接使用Html属性，注意只能在代码中使用
BackColor	控件的背景颜色可以用red或者#ff0000来赋值
BorderColor	边框颜色,设置与BackColor相同
BorderStyle	边框样式，枚举值  如Solid、Double等
BorderWidth	控件边框宽度
CssClass	分配给控件的级联样式表
Style	CSS样式属性集合
Enabled	是否启用
EnableTheming	是否启用控件皮肤（后面讲解）
Font	设置字体
ForeColor	字体颜色
Height	控件高度
Width	控件宽度
ToolTip	控件设置 title 属性 鼠标提示信息
TabIndex	Tab键切换顺序

 

3. 单位

Web服务器控件的宽度和高度和类似的属性都是以单位进行设置的。单位是以对象（Unit结构）的形式出现的。Unit对象可以接收像素px和百分比%等这样的度量单位

aspnet页面标签代码

<asp:Button ID="Button1" runat="server" Width="100%" Height="30px" Text="Button" />

后置代码

            Button1.Height = new Unit("20px");

            Button1.Width = new Unit("100%");

            Button1.Height = Unit.Pixel(20);

            Button1.Width = Unit.Percentage(80);

            Button1.Height = new Unit(20, UnitType.Pixel);

            Button1.Width = new Unit(80, UnitType.Percentage);

4.颜色

            int alpha = 255;

            int red = 255;

            int green = 255;

            int blue = 0;

            Button1.ForeColor = Color.FromArgb(red, green, blue);

            Button1.ForeColor = Color.FromArgb(alpha, red, green, blue);

            Button1.ForeColor = Color.FromName("Red");

            Button1.ForeColor = Color.Red;

            Button1.ForeColor = ColorTranslator.FromHtml("Red");

5. 字体

Font属性完整的引用了FontInfo对象，属性如下

Name	字体名称
Names	字体名称的字符串数组
Size	字体大小（绝对或者相对），作为FontUnit对象
Bold、Italic、Strikeout、Underline和Overline	它是一个布尔属性，要么应用给定的Style特性

 

注意：Names属性要和Name属性同步，设置任何一个都会影响到另一个，只需要设置Name属性为Names属性集合中的一个即可

            Button1.Font.Name = "微软雅黑";

            Button1.Font.Bold = true;

            Button1.Font.Names = new string[] { "微软雅黑,宋体,黑体" };

            Button1.Font.Size = FontUnit.XSmall;

            Button1.Font.Size = FontUnit.Point(16);

            Button1.Font.Italic = true;

            Button1.Font.Underline = true;

6.默认按钮

    <form id="form1" runat="server" defaultbutton="Button1">

    <div>

        <asp:Button ID="Button1" runat="server" Width="100%" Height="30px" Text="Button" />

    </div>

    </form>

 

当用户按下Enter的时候会触发defaultbutton的click事件。这个属性只能填入 Button,ImageButton和LinkButton

7.数据显示控件

7.1Label

我们在Winform已经学过Label了，顾名思义，就是显示文本到html页面里，它会生成一个Span的网页标记。最常用的属性是Text

7.2Literal

这个控件也是在Web页面上输出一个静态文本但是这个控件不会添加任何其他的多余标记，只是普通的文本输出

显示源代码结果：

 

8.数据输入控件

8.1 TextBox

AutoCompleteType	Bool类型 是否让浏览器记住之前在当前文本框录入过的数据 默认None
AutoPostBack	是否当内容改变时自动回传到服务器(和TextChange事件联合使用) 默认false
CausesValidation	当回传事件PostBack发生时是否验证控件  默认false
Cols	在多行文本模式时使用 宽度
Rows	在多行文本模式时使用 高度
MaxLength	最多录入的字符数量
ReadOnly	只读
Text	地球人都知道的
TextMode	文本模式 默认是单行文本
ValidationGroup	当PostBack发生时，用来验证数据的验证组
Wrap	是否自动换行  默认true
OnTextChanged	当文本发生改变时  （失去焦点并改变数据时）

 

8.2CheckBox控件

这个大家也比较熟悉了，依然是Checked属性来判断复选框是否被选中了。但是有所不同的是，这个CheckBox有一个Text属性，可以直接把复选框的内容也一块显示出来

 <asp:CheckBox ID="CheckBox1" runat="server"  Text="我是复选框"/>

结果：

生成的html代码：

我们会发现，微软人性化的帮我们把内容和Check控件绑定起来了。

8.3CheckBoxList

相比之前的CheckBox而言，CheckBoxList可以创建一组复选框。

        <asp:CheckBoxList ID="CheckBoxList1" runat="server">

            <asp:ListItem Text="aaa" Value="a" />

            <asp:ListItem Text="bbb" Value="b" />

            <asp:ListItem Text="ccc" Value="c" Selected="True" />

        </asp:CheckBoxList>

 

结果：

生成的源代码

 <table id="CheckBoxList1">

    <tr>

        <td><input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" value="a" /><label for="CheckBoxList1_0">aaa</label></td>

    </tr><tr>

        <td><input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" value="b" /><label for="CheckBoxList1_1">bbb</label></td>

    </tr><tr>

        <td><input id="CheckBoxList1_2" type="checkbox" name="CheckBoxList1$2" checked="checked" value="c" /><label for="CheckBoxList1_2">ccc</label></td>

    </tr>

</table>

我们惊奇的发现微软我们生成了一个table 万恶的table啊能不能有其他方式呢。当然有了。

RepeatLayout="Flow"我们可以根据自己的意愿来组织html的生成效果。

8.3RadioButton 和RadioButtonList

同上

9.数据提交控件

9.1Button

它也是我们较常见的控件之一。

当然它和Winform里的Button有所不同，它可以作为命令按钮。Commed,我们可以用同一个处理方法来处理不同按钮的事件，达到更高的重用性，如何区分这些按钮呢，当然Sender是一个选择，另一个就是CommedName 和CommedArgument这两个属性，我们使用OnCommed事件就可以轻松获取这两个属性

asp.net代码

后置代码

生成的效果

这个OnCommed事件是所有按钮型控件都可以使用的。如LinkButton和ImageButton

10 图像显示控件

Image 和ImageMap