webform简单控件
2016-09-20 21:42 天疯狂石 阅读(420) 评论(0) 编辑 收藏 举报1、简单控件
(1).label 作用是显示文字,编译后的结果是span
边框--边框颜色,边框样式,边框粗细
(2)literal 作用是显示文字,编译后的结果不会生成任何元素,主要是用于传递JavaScript代码
(3)TextBox 文字输入框
TextMode--SingleLine 文本框
--MultiLine 文本域
--Password 密码框
wrap自动换行
enable可用性 true、false
readonly只读
maxlength最大长度,可输入的最大长度,可用来限制用户输入字符数
(4)按钮类
button
工具箱拖出来的button会被编译为submit,没有普通的button属性,普通button需要HTML代码输入
OnClientClick - 在服务端上的点击事件 被编译为 onclick
confirm("") 验证判断
ImageButton--编译为图片按钮
有ImageUrl属性来给定image图片地址
LinkButton 超链接样式的按钮
2、连接数据库
与WinForm类似,建立的类要放在App_Code文件里才可以调用
在写点击事件时,使用委托的方式
具体操作:查看代码,在load函数里面输入
Button.Click+=Button.Click;
注意:web里面没用命名空间一说
在建立类的的时候要多加注释,是程序使用起来更加方便准确。
2 复合控件
(1)DropDownList 下拉列表
会被编译为select option
ps.name 服务端常用,id 客户端常用
方法一:同WinForm相同,给定数据源,然后绑定数据
DropDownList1.DataSource = new NationData().Select();//数据源指向
DropDownList1.DataTextField = "NationName";//显示字段绑定
DropDownList1.DataValueField = "NationCode";//隐藏字段绑定
DropDownList1.DataBind();
方法二:使用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;
(2)CheckBoxList 多选列表
使用方法也ListBox相同
多了三个布局用的属性 RepeatDirection RepeatColumns RepertLayout
RepeatDirection Vertical 垂直布局
Horizontal 水平布局
RepertLayout 布局方式
Flow 流式布局
Table 表格布局
OrderedList 有序表
UnorderedList 无序表
RepeatColumns 一行多少数据
(3)RadioButtonList 单选列表
使用与之前的控件基本相同,但只能单选
注意:Http协议的无状态性
无状态性是指:每次时间提交都会刷新页面,每次刷新必走load端,会造成列表数据的重复绑定。
使用if (!IsPostBack)可以尽可能的避免这种情况