2:Label控件
3:TextBox控件
4:Button控件
5:LinkButton控件
6:HyperLink控件
7:ImageButton控件
8:DropDownList控件
9:ListBox控件
10:CheckBox控件
11:RadioButtonList控件
12:BulletedList控件
13:AdRotator控件
14:FileUpload控件
15:文件下载
16:multiview控件
17:Wizard控件
如何在Web服务器控件上加入js脚本
Web服务器是运行在服务器上,然后由服务器转变成Html表单元素。我们可以在
Web控件在服务器运行时,加入js。以后这些js就可以给客户端来使用
1: 格式:控件名.Attributes.Add("事件名","js代码")
2: 加上return false 就可以阻止页面的提交到服务器
举例:
1)做一个登录检验,如果用户不输入用户名或密码。就弹出一个对话框,并且页面
不会提交给服务器。
2)让一个文本框只能够输入数字和退格键
this.TextBox1.Attributes.Add("onkeydown", "if (!(event.keyCode>=48 && event.keyCode<=57 || event.keyCode==8)) return false;");
Label控件
1)用来对功能进行一个说明
2)动态显示运行的结果。
举例:
1)从数据库中取出一个学生信息,判断是否欠费,用Label显示结果
2)从数据库中查询出信息,如果有则显示信息,如果没有则提示查询 不到信息
TextBox控件
属性:
A)ToolTip:让当鼠标指向文本框提示信息
B)Text:得到用户输入的文本
C)TextMode:设置文本的文本模式
举例:
1)让用户输入一个用户名和密码从数据库中查询,如果
正确则进入首页,如果不正确则进入错误提示页面
2)输入一个商品编号,输入购买数量,输入款,点击按钮
求出商品名称,实款,找零
Button按钮:
button按钮有个特性,就是单击按钮时,页面会自动提交
属性:
A)BorderStyle:边框样式
B)PostBackUrl:用于指定当单击按钮时,所转到的新的页面,与直接在按钮的单 击事件里面写上Response.Redirect功能类似
C)OnclientClick:给按钮在客户端添加js。这样当按钮被单击时,首先触发
客户端的单击事件,执行js。之后才会视情况要不要PostBack回服务器引发
服务器的Click事件。通过在客户端 "return false"可以阻止页面PostBack 回服务器端
举例:
1):让用户在文本框中输入一个职工编号,单击按钮时,提示要不要删除,
如果是则删除
注意this.Button1.Attributes.Add或this.Button1.OnClientClick
2):让用户输入一些注册信息,并准备把这些注册信息添加到数据库中,
如果这些输入信息没有通过表单验证,则显示错误提示,并不能
回传给服务器。
3):如何实现用按钮在打开另外一个页面时,不刷新本页面。
在OnclientClick后面加上return false
LinkButton按钮
与button一样,只不过一个是以超链接形式来显示的
HyperLink控件
属性:
Text:设置链接字段所显示的文本
Navigateurl:设置链接的目标页面
Target:设置目标页面的框架
HyperLink与LinkButton的最大区别在于,HyperLink单击之后页面不会回 传给服务器,而LinkButton按钮会首先把页面回传给服务器
可以在Page_Load事件里面动态设置Navigateurl。
ImageButton控件
与Button控件完全一样,只不过是以图片的形式来实现的
DropDownList控件
属性:
Item:用来决定里面的项。每一项有标签与值来组成
AutoPostBack:用来设置当选中内容发生改变之后,是否回传给服务器
SelectedValue:得到用户所选择项的值
SelectedItem.Text:得到用户所选择项的文本
Items.Add(new ListItem("文本", "值")):添加一项
Items.RemoveAt(下标):删除一项
Items.Insert:插入一项
DataSource:设置数据源,与数据库进行绑定
DataTextField:显示文本的字段
DataValueField:显示值的字段
举例:
1)利用AutoPostBack让用户在源页面里选择城市,
在目的页面里面显示所有这个城市的工作
2)作一个登录页面。启动时从数据库里面读出对应的用户名密码。
3)让用户输入一个员工的基本信息(包含下拉框),然后添加数据库
ListBox控件
属性:
1:SelectionMode:是单选还是多选
举例:
1)利用AutoPostBack让用户在源页面里选择城市,
在ListBox里面显示所有这个城市的工作
2)让用户选择购买的商品,然后从数据库中计算出应付款
CheckBox,控件
属性:
1:Item:列表项,每一个列表项都由一个文本与一个值所构成,
当文本是html标记时,会显示html标记
2:Checked:用来决定CheckBox控件是否被选中了
3:DataSource:设置数据源,与数据库进行绑定
4:DataTextField:显示文本的字段
5:DataValueField:显示值的字段
举例:
1:让用户选择购买的商品,然后从数据库中计算出应付款,根据是否
打折来决定最终应付款
2:从数据库里面读出商品资料,读出图片,让用户打勾来决定购买的商品,
算出最终的应付款
RadioButtonList控件
属性:
SelectedValue:得到用户所选择的值
举例:
1)在线投票。源页面显示RadioButtonList显示投票项目,目的页面
显示投票项,进行投票。
比如:投什么票,有那些选择。等
BulletedList
动态产生列表项
属性:
1)DataSource:设置数据源,与数据库进行绑定
2)DataTextField:显示文本的字段
3)DataValueField:显示值的字段
4)DisPlayStyle:显示的状态,是否是超链接
5)BulletStyle:项目列表样式
6)BulletImageUrl:选择用户自定义的项目图标
7)Click事件:
this.BulletedList1.Items[e.Index].Value得到
单击那一项的值
说明:
1:该控件不支持通过Server.Transfer来传递Web控件的值,
2:通过下列的语句,可以传递用户单击的value
Response.Redirect("Default2.aspx?> 1:每一个Wizard控件,由以下几个部分构成
A)SliderBar:侧栏
B)Head:头部
C)WizardStep:步骤
D)Navigate:导航部分
1:每一个Wizard控件,包含多个WizardStep
2:选中Wizard控件,单右-->添加WizardStep。可以添加一个步骤
3:选中Wizard控件,单右-->编辑模板-->HeadTemplte-->可以添加头部
属性:
1)ActiveStepIndex:活动步骤的索引
2)DisPlayCancelButton:是否显示取消按钮,可以取消按钮中
编写关闭窗体的代码
3)DisPlaySliderBar:是否显示则栏
4)CancelButtonStyle:取消按钮样式,还有其它的按钮样式
5)SliderBarStyle:侧栏样式
6)StepStyle:步骤样式
7)WizardSteps.Count:得到所有步骤的个数
事件:
1)CancelButtonClick:取消按钮单击事件
2)FinshButtonClick:完成按钮单击事件
3)NextButtonClick:下一步按钮单击事件
e.CurrentStepIndex:得到当前的步骤
e.Cancel = true;决定页面是否导航
举例;
1)生成一个关于系统配置的向导.输入服务器名,用户名,密码。最后生成一个xml文件