[ASP.NET笔记]4.常用Web服务器控件

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

                       1:如何在Web服务器控件上加入js脚本
                       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文件