简单控件
Label :显示文字,编译后的元素的为span 主要设置属性边框包括边框颜色,边框样式,边框粗细
Liteal :显示文字,编译后不会产生任何元素,一般用来从后台输出JS代码
Textbox:文字输入框
属性:
TextMode(样式)包括SingleLine(单行文本框)、MultiLine(多行文本框)、Password(密码框)、Color、Date、DtaeTime···
AutoPostBack
获取或设置一个值,该值指示无论何时用户在TextBox控件中按〈Enter〉键或〈Tab〉键时,是否自动回发到服务器的操作
CausesValidation
获取或设置一个值,该值指示当TextBox控件设置为在回发发生时进行验证,是否执行验证
ID
控件ID
Text
控件要显示的文本
TextMode
获取或设置TextBox控件的行为模式(单行、多行或密码)
Width
控件的宽度
Visible
控件是否可见
ReadOnly
获取或设置一个值,用于指示能否只读TextBox控件的内容
CssClass
控件呈现的样式
BackColor
控件的背景颜色
Enabled
控件是否可用
CausesValidation
获取或设置一个值,该值指示当TextBox控件设置为在回发发生时进行验证,是否执行验证
ID
控件ID
Text
控件要显示的文本
TextMode
获取或设置TextBox控件的行为模式(单行、多行或密码)
Width
控件的宽度
Visible
控件是否可见
ReadOnly
获取或设置一个值,用于指示能否只读TextBox控件的内容
CssClass
控件呈现的样式
BackColor
控件的背景颜色
Enabled
控件是否可用
MaxLength
最大长度(输入的字符数)
TextBox控件大部分属性设置和Label控件类似
TextMode属性主要用于控制TextBox控件的文本显示方式,该属性的设置选项有以下3种。
l 单行(SingleLine):用户只能在一行中输入信息,还可以选择限制控件接收的字符数。
l 多行(MultiLine):文本很长时,允许用户输入多行文本并执行换行。
l 密码(Password):将用户输入的字符用黑点(●)屏蔽,以隐藏这些信息。
例如:在验证用户登录密码时,可以将TextBox控件的TextMode属性设置为Password,在填写备注资料时,文字可能会很多,此时可将TextBox控件的TextMode属性设置为MultiLine
TextBox控件大部分属性设置和Label控件类似
TextMode属性主要用于控制TextBox控件的文本显示方式,该属性的设置选项有以下3种。
l 单行(SingleLine):用户只能在一行中输入信息,还可以选择限制控件接收的字符数。
l 多行(MultiLine):文本很长时,允许用户输入多行文本并执行换行。
l 密码(Password):将用户输入的字符用黑点(●)屏蔽,以隐藏这些信息。
例如:在验证用户登录密码时,可以将TextBox控件的TextMode属性设置为Password,在填写备注资料时,文字可能会很多,此时可将TextBox控件的TextMode属性设置为MultiLine
Button 按钮编译后为submit
OnClick是button的服务器端事件
OnClientClick是button的客户端事件,客户端比服务端优先,在客户端点击先执行了JS在提交
一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效。当返回false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行服务器端事件OnClientClick。为了避免这样的错误,可以考虑用服务端验证这样就省去了OnClientClick事件,就不用考虑和OnClick的冲突了。但是从性能上,服务端验证,耗费了服务器资源。
OnClientClick是button的客户端事件,客户端比服务端优先,在客户端点击先执行了JS在提交
一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效。当返回false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行服务器端事件OnClientClick。为了避免这样的错误,可以考虑用服务端验证这样就省去了OnClientClick事件,就不用考虑和OnClick的冲突了。但是从性能上,服务端验证,耗费了服务器资源。
ImageButton 图片按钮 先建文件夹,拖入图片在用ImageURL
LinkButton 超链接按钮
WebForm的数据库连接方式
建造的类统一放到App_Code文件夹下,没有命名空间
12个表单元素
文本类:
text
password
textarea
hidden
按钮类:
button
submit
reset
image
选择类:
radio
checkbox
file
select option
http协议无状态性:
每一次事件提交,都会将页面刷新,刷新就必走Load事件,重复绑定的情况
判断页面是第一次加载,还是由已经加载出来的页面中的某个按钮执行了提交返回回来的
每一次事件提交,都会将页面刷新,刷新就必走Load事件,重复绑定的情况
判断页面是第一次加载,还是由已经加载出来的页面中的某个按钮执行了提交返回回来的
if (!IsPostBack)
load事件中95%的代码都要写在这里面
复合控件:
DropDownList 下拉列表
复合控件:
DropDownList 下拉列表
会被编译为select option
ps.name 服务端常用,id 客户端常用
一、将数据放进去
1、DataSource
1、读取一条数据
1、DataSource
DropDownList1.DataSource = new NationData().Select();//数据源绑定2、Foreach
DropDownList1.DataTextField = "NationName";//显示字段绑定
DropDownList1.DataValueField = "NationCode";//隐藏字段绑定 DropDownList1.DataBind();
List<Nation> Nlist = new NationData().Select(); foreach (Nation n in Nlist) { ListItem li = new ListItem(n.NationName, n.NationCode); if (li.Value == "N003") { li.Selected = true; } DropDownList1.Items.Add(li);二、将数据取出来
}
1、读取一条数据
可以根据需求取Value或者Select
可以直接点出,造一个string类型的数据接收
2、因为DropDownList只能选中一条,不能取出多条数据。
可多选的控件可以取出多条数据,例如ListBox
ListBox的添加数据的方法与DropDownList相同,可以通过更改SelectionMode的属性多选或者单选。
SelectionMode="Multiple"时为多选 SelectionMode="Single"时为单选
取值string end = "";
foreach (ListItem li in ListBox1.Items)
{ if (li.Selected) { end += li.Text + " - " + li.Value + ","; } } Label1.Text = end;
RadioButtonList 单选列表 CheckBoxList 多选列表