简单控件
Label :显示文字,编译后的元素的为span 主要设置属性边框包括边框颜色,边框样式,边框粗细
Liteal :显示文字,编译后不会产生任何元素,一般用来从后台输出JS代码
Textbox:文字输入框
属性:
TextMode(样式)包括SingleLine(单行文本框)、MultiLine(多行文本框)、Password(密码框)、Color、Date、DtaeTime···
AutoPostBack
CausesValidation
获取或设置一个值,该值指示当TextBox控件设置为在回发发生时进行验证,是否执行验证
ID
控件ID
Text
控件要显示的文本
TextMode
获取或设置TextBox控件的行为模式(单行、多行或密码)
Width
控件的宽度
Visible
控件是否可见
ReadOnly
获取或设置一个值,用于指示能否只读TextBox控件的内容
CssClass
控件呈现的样式
BackColor
控件的背景颜色
Enabled
控件是否可用
TextBox控件大部分属性设置和Label控件类似
TextMode属性主要用于控制TextBox控件的文本显示方式,该属性的设置选项有以下3种。
l 单行(SingleLine):用户只能在一行中输入信息,还可以选择限制控件接收的字符数。
l 多行(MultiLine):文本很长时,允许用户输入多行文本并执行换行。
l 密码(Password):将用户输入的字符用黑点(●)屏蔽,以隐藏这些信息。
例如:在验证用户登录密码时,可以将TextBox控件的TextMode属性设置为Password,在填写备注资料时,文字可能会很多,此时可将TextBox控件的TextMode属性设置为MultiLine
OnClientClick是button的客户端事件,客户端比服务端优先,在客户端点击先执行了JS在提交
一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效。当返回false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行服务器端事件OnClientClick。为了避免这样的错误,可以考虑用服务端验证这样就省去了OnClientClick事件,就不用考虑和OnClick的冲突了。但是从性能上,服务端验证,耗费了服务器资源。
文本类:
text
password
textarea
hidden
按钮类:
button
submit
reset
image
选择类:
radio
checkbox
file
select option
每一次事件提交,都会将页面刷新,刷新就必走Load事件,重复绑定的情况
判断页面是第一次加载,还是由已经加载出来的页面中的某个按钮执行了提交返回回来的
复合控件:
DropDownList 下拉列表
会被编译为select option
ps.name 服务端常用,id 客户端常用
1、DataSource
DropDownList1.DataSource = new NationData().Select();//数据源绑定
DropDownList1.DataTextField = "NationName";//显示字段绑定
DropDownList1.DataValueField = "NationCode";//隐藏字段绑定
DropDownList1.DataBind();
2、Foreach
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 多选列表