代码改变世界

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)可以尽可能的避免这种情况