作者:圣峰冰寒_869 | 来源:互联网 | 2023-09-01 23:52
在asp.net中,web标准服务器控件是ASPNET的核心部件,也是WebForm编程模型的最基本元素。相对于Html服务器控件而言,它具有更多的内置功能和可编程性。它不仅包括简
在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页面标签代码
后置代码
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.默认按钮
"form1" runat="server" defaultbutton="Button1">
"Button1" runat="server" str">"100%" str">"30px" Text="Button" />
当用户按下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属性,可以直接把复选框的内容也一块显示出来
"CheckBox1" runat="server" Text="我是复选框"/>
结果:
生成的html代码:
我们会发现,微软人性化的帮我们把内容和Check控件绑定起来了。
8.3CheckBoxList
相比之前的CheckBox而言,CheckBoxList可以创建一组复选框。
"CheckBoxList1" runat="server">
"aaa" Value="a" />
"bbb" Value="b" />
"ccc" Value="c" Selected="True" />
结果:
生成的源代码
我们惊奇的发现微软我们生成了一个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这里掠过讲解了。
先写到这里吧,有问题请留言。第一篇写到讲义里了。后面我会整理后放出。