ASP.NET-Web服务器控件ppt(共76页)

第14章ASP.NETWeb服务器控件14.1标准控件14.2数据操作控件14.3验证控件14.4导航控件ASP.NET提供的Web服务器控件简化了Web应用程序的设计过程。Windows控件的属性、方法、事件都是在本机上执行的；Web服务器控件的属性、方法、事件则全部是在服务器端执行的。在Web应用程序中，用户通过客户端浏览器操作Web页面时，对Web服务器控件的每个请求都要发送到服务器端，服务器进行处理后，再将处理结果转换为客户端脚本发送到客户端显示。由于客户端的每个请求都要通过网络发送到服务器处理，会对网络传输带来很大的负担。Windows控件与Web服务器控件的主要区别14.1标准控件14.1.1简单控件Button、TextBox、CheckBoxCheckBoxList、RadioButtonRadioButtonList、ListBoxDropDownList14.1.2Table控件14.1.3HiddenField控件14.1.1简单控件Button控件有三种类型的按钮控件：Button控件：与Windows窗体的Button控件用法相同。LinkButton控件：外观与Hyperlink控件相同，但在功能上与Button控件完全相同。ImageButton控件：通过属性[ImageUrl]指定显示在按钮的图片。三种类型的按钮在鼠标单击时都可以将窗体提交给服务器，并触发服务器端对应的Click事件，然后在服务器端执行相应的事件代码。TextBox控件TextBox控件用于在Web页面中接收如入的文本内容。1.常用的基本属性1)AutoPostBack属性：决定控件中文本修改后，是否自动回发到服务器。该属性默认值为false，即修改文本后并不立即回发到服务器，而是等窗体被提交后一并处理。2)TextMode属性：用于设置文本框接受文本的行为模式。共有三种属性值：MultiLine（多行输入模式）；Password（密码输入模式）；SingleLine（单行输入模式）。默认情况下，该属性为SingleLine。2.常用的事件TextChanged事件：文本框的内容发生更改导致窗体回发服务器时触发。注意，是否触发该事件与AutoPostBack属性有关。CheckBox控件与CheckBoxList控件CheckBox控件：向用户提供一组可选项。CheckBoxList控件：向用户提供一组选项，也叫复选框。在运行时动态的决定有哪些选项时，使用CheckBoxList控件比较方便。CheckBox控件与CheckBoxList控件（续）1.CheckBox控件的常用基本属性AutoPostBack属性：决定CheckBox控件状态更改后是否自动回发到服务器处理。该属性默认值为false。2.CheckBoxList控件的常用基本属性1)Items属性：表示控件对象中所有项的集合。2)RepeatColumns属性：指示控件中显示CheckBox项的列数。3)RepeatDirection属性：决定控件中各CheckBox项的显示方法。默认值是Vertical。该属性值还可以修改为Horizontal，使各项按水平方式排列显示。3.CheckBoxList控件的常用基本事件CheckedIndexChanged事件：更改CheckBoxList控件中的选项，回发服务器时触发。RadioButton控件与RadioButtonList控件RadioButton服务器控件与Windows控件的区别：在Windows窗体中，在同一容器中的所有RadioButton控件都默认为同一组，只能在这些控件中进行单选；Web窗体中，默认情况下会将同一容器中的所有RadioButton服务器控件作为不同组，可以多选。如果希望将其作为一组，需要设置RadioButton的GroupName属性。RadioButton控件与RadioButtonList控件（续）RadioButton控件的GroupName属性：使用该属性指定一个单选按钮组，以创建一组互斥的控件。RadioButtonList服务器控件是封装了一组单选按钮控件的列表控件。其主要的属性、事件与CheckBoxList服务器控件相同。ListBox控件ListBox控件（列表框控件）用来显示一组条目，用户可以从中选择一条或者多条，然后进行相应的处理。常用的属性有Items属性和SelectionMode属性：SelectionMode属性用于指定ListBox控件的模式行为，当属性值设置为Single时，表示每次选择ListBox控件中的一个条目；当属性值设置为Multiple时，表示对ListBox控件中的条目每次可以选择多个。常用事件为SelectedIndexChanged事件。DropDownList控件DropDownList控件（下拉列表控件）提供一些选项，其特性类似于Windows窗体中的ComboBox组合框控件。常用属性有AutoPostBack属性、Items属性，常用事件为SelectedIndexChanged事件。【例14-1】Web窗体简单控件综合示例（1）创建一个名为SimpleExample的ASP.NETWeb应用程序（2）切换到Default.aspx页面的设计视图，设计如下图的界面textBoxNametextBoxPasswordTextMode：PasswordradioButtonMaleGroupName：性别radioButtonFemaleGroupName：性别radioButtonListWorkRepeatColumns：4dropDownListProvinceAutoPostBack：TruelistBoxCitycheckBoxListHobbyRepeatColumns：2buttonOK图12-1简单Web服务器控件综合示【例14-1】Web窗体简单控件综合示例（3）双击dropDownListProvince控件，添加如下事件代码protectedvoiddropDownListProvince_SelectedIndexChanged(objectsender,EventArgse){switch(dropDownListProvince.SelectedItem.Text){case河北省:listBoxCity.Items.Clear();listBoxCity.Items.Add(石家庄市);listBoxCity.Items.Add(秦皇岛市);break;case山东省:listBoxCity.Items.Clear();listBoxCity.Items.Add(济南市);listBoxCity.Items.Add(青岛市);break;case浙江省:listBoxCity.Items.Clear();listBoxCity.Items.Add(杭州市);listBoxCity.Items.Add(宁波市);break;}}【例14-1】Web窗体简单控件综合示例（4）添加[确定]按钮的Click事件代码protectedvoidbuttonOK_Click(objectsender,EventArgse){stringname,password,sex,work,location=,hobby=;if(textBoxName.Text==){Response.Write(scriptwindow.alert('用户名不能为空！');/script);}else{name=textBoxName.Text;password=textBoxPassword.Text;if(radioButtonMale.Checked)sex=男;elsesex=女;work=radioButtonListWork.SelectedItem.Text;if(listBoxCity.SelectedItem!=null){location=dropDownListProvince.SelectedItem.Text+、+listBoxCity.SelectedItem.Text;}for(inti=0;icheckBoxListHobby.Items.Count;i++){if(checkBoxListHobby.Items[i].Selected)hobby+=checkBoxListHobby.Items[i].Text+、;}hobby=hobby.TrimEnd('、');Response.Redirect(string.Format(SimpleResult.aspx?name={0}&sex={1}&work={2}&location={3}&hobby={4},name,sex,work,location,hobby));}}}【例14-1】Web窗体简单控件综合示例（5）添加一个名为SimpleResult.aspx的Web窗体文件protectedvoidPage_Load(objectsender,EventArgse){Response.Write(您注册的信息是：br);Response.Write(姓名：+Request.QueryString[name]+br);Response.Write(性别：+Request.QueryString[sex]+br);Response.Write(职业：+Request.QueryString[work]+br);Response.Write(所在城市：+Request.QueryString[location]+br);Response.Write(爱好：+Request.QueryString[hobby]+br);Response.Write(请牢记您的密码！);}14.1.2Table控件Table控件的主要用途是以编程方式动态地控制表格中的信息，这些信息可以是文字，也可以是其他Web控件的实例。注意，服务器并不保存Table控件中的表行或单元格，可以利用ViewState对象保存表格的构造信息，在每次回送后重新构造行和单元格。常用属性如下：TableRow（行）：该控件是Table控件的基本单位。TableCell（单元格）：该控件是TableRow控件的基本单位。Rows集合Cells集合GridLines属性：决定Table控件中的显示样式None：不显示单元格边框Horizontal：仅显示水平边框Vertiacal：仅显示垂直边框Both：显示单元格全部边框维护Web页面状态在Web应用程序中，通常使用下列方式维护Web页面的状态：IsPostBack属性true:表示该页面是经服务器处理后，发回到客户端显示。false：表示页面初次显示，还未向服务器发送请求。ViewState对象用于存储页面中控件的信息，在服务器端和客户端之间进行传递。具体用法见[例14-2]。会话状态CookieHiddenField控件保存在服务器端和客户端之间进行传递的某个值，具体用法见[例14-3]。【例14-2】Table控件用法示例创建一个名为TableExample的ASP.NETWeb应用程序。切换到页面的设计视图下，添加一个Table控件、一个Panel控件、3个TextBox控件和一个Button控件。在Table控件中添加一行，并设置为TableHeader。设计视图如下。tableWebGridLines：BothtextBoxUrlbuttonOKtextBoxNametextBoxInformation【例14-2】Table控件用法示例设计视图效果：Page_Load事件用到属性：IsPostBacktrue:表示该页面是经服务器处理后，发回到客户端显示。false：表示页面初次显示，还未向服务器发送请求。【例14-2】