webform控件和一些属性
几乎所有的WebForm控件都具有的属性
1.ClientID,获取控件在客户端的ID。<%=txt1.ClientID%>
2.Visible 属性,判断控件是否可见。如果控件的visible的属性设为False的话不仅调试的时候看不到该控件,在源文件一样看不到。
3.CssClass 属性,控件的样式名,就是HTML中控件的class属性。可以直接在控件的属性栏里修改CssClass的属性为你想要的css样式。当然那个样式你得在style里定义好了。
4.Attributes,用来设置获取控件的额外属性。这个Attributes属性就是为了给控件添加一个他本来没有的属性。
控件
1.Lable:作用: 用于在页面上显示文本 。
语法:
<asp:Label ID="控件名 runat="server" Text="显示的文本"></asp:Label>
在浏览器渲染为:
-----<span>
-----AssociatedControlID----<Label>
2.Literal
不渲染任何标签,设置Mode属性为Encode,避免xss攻击。Mode属性也可以设定控件的内容是转换文本还是将文本编码。
3.TextBox
作用:
用于建立单行文本输入框singleLine、密码输入password、多行motiline文本输入,主要通过TextMode属性来区别三种输入模式。
分别渲染为input(type=text)、textarea和input(type=password)。
语法:
AutoPostBack=”true|false, 是否自动提交表单” runat="server"></asp:TextBox>
当AutoPostBack属性为true的时候,用户焦点离开TextBox就会造成页面Post,实现原理就是讲ASP.Net原理时的AutoPostBack。
典型事件:
TextChanged ,在文本框中的内容发生改变时候被激发。
4.Radio
RadioButton控件,对应为input(type=radio),通过GroupName属性进行分组
5.Button
作用:Button控件呈现为一个普通按钮,它是一个标准的按钮提交控件,一般用于提交Web表单。
语法:
<asp:Button ID="按钮名称" runat="server" Text="Button" />
OnClientClick属性,当用户点击按钮的时候在浏览器端执行的代码,注意OnClientClick是字符串属性,写的代码是JavaScript代码,运行在浏览器端。<asp:Button ID="btnDel" runat="server" onclientclick="return confirm('真的要删除吗?')" Text="删除" />
Click :被单击时候激发,并将表单提交给服务器。
Command:也是在单击时产生,但是同时CommandName和CommandArgument属性的值与该事件一起被传递。
6.LinkButton(链接按钮)
作用:可以在页面上创建超级链接样式的按钮。即LinkButton的外观和HyperLink控件一样,但是功能与Button控件相同。
用法和Button差不多,区别就是Button控件渲染为按钮,而LinkButton渲染为超链接。不要用LinkButton来实现普通的超链接,因为LinkButton的href为一段javascript代码,进行的是表单的Post,无法“在新窗口中打开连接”。和讲“行删除”那个例子中href为javascript的超链接原理一样。一般用Button就行,只有用户要求“长成超链接好”采用LinkButton,就是一个在浏览器中渲染成超链接,服务端当成按钮用的东西。
HyperLink:IsPostBack=False,没有提交表单内容,没有OnClick事件。
语法:<asp:LinkButton ID="控件名" runat="server">显示内容</asp:LinkButton>
典型事件:Click。
7.ImageButton
ImageButton控件也和Button差不多,只不过是显示为图片,渲染为input(type=image)
Button、LinkButton、ImageButton等控件都有CommandName、CommandArgument两个属性和Command事件,可以让多个按钮控件共享一个Command事件处理函数,通过读取事件对象e的CommandName、CommandArgument两个属性读取被点击按钮上设置的这两个参数来执行不同的操作。例子:编辑、删除多行数据。这种用法在ListView等控件中用的最多。
8.超级链接控件HyperLink
HyperLink主要用于实现超文本链接。可以以文本的方式或者图形方式呈现HyperLink控件。
用户单击HyperLink控件时并不会在服务器代码中引发事件。相当于HTML中的<a href>元素,使用HyperLink控件的主要优点是可以通过代码动态设置链接目标。
语法:
<asp:HyperLink ID="控件名" runat="server" NavigateUrl="导航网址" >显示导航信息 </asp:HyperLink>
常用属性:
NavigateUrl:用户单击时所转向的页面URL
Text:字符串,链接文字
ImageUrl: 以图像方式呈现链接时,图形的URL
Target: 目标框架,默认为本框架,_blank标识新窗口
和LinkButton不一样(常考),不会向服务器端Post,就是一个超链接。NavigateURL:链接地址;Text:显示文本。如果设定ImageUrl属性则会显示图片超链接。
9.Panel
Panel控件用来盛放一些控件。如果设定GroupingText属性那么就渲染为含有<fieldset>的div标签,也就是GroupBox效果,否则渲染为<div>
10.ListBox
ListBox控件提供的是单选或者多重选择列表。通过修改SelectionMode属性来实现CheckBoxList或者RadioButtonList控件的功能。
当用户选择一项或者多项时,将会激发SelectedIndexChanged事件,默认情况下该事件不会导致页面回发,但是可以通过设置AutoPostBack为true来强制立即回发。
语法:
<asp:ListBox ID="控件名" runat="server" SelectionMode="选择模式">
<asp:ListItem>列表项 1</asp:ListItem>
<asp:ListItem>列表项2</asp:ListItem>
…
</asp:ListBox>
可以直接拖放控件到设计界面,通过点击设计项菜单进入子项的设置,也可通过和数据源绑定实现子项填充。
11.DropDownList
作用:
将选项显示为下拉列表,并从中进行单项选择。操作与ListBox类似。
语法:
<asp:DropDownList ID=“控件名” runat=“server”>
<asp:ListItem>列表项1</asp:ListItem>
<asp:ListItem>列表项2</asp:ListItem>
…
</asp:DropDownList>
DropDownList
作用:
将选项显示为下拉列表,并从中进行单项选择。操作与ListBox类似。