第2章服务器控件

第2章服务器控件ASP.NET(C#)动态网站开发案例教程基本控件高级控件验证控件用户控件知识点本节介绍基本控件有：（1）Label、TextBoxButton、ImageButton、LinkButton、Image、HyperLink、Panel控件；（2）RadioButton、RadioButtonList、CheckBox、CheckBoxList、DropDownList、ListBox、Table控件。2.1基本控件【例2-1】创建用户登录网页窗体界面，编写登录按钮事件驱动程序。如图2-1所示。2.1基本控件图2-1设计用户登录网页设计过程：（1）新建空白解决方案启动VS2008|文件|新建|项目|新建项目对话框|其它项目类型|VisualStudio解决方案|空白解决方案|名称：ex2_1。2.1基本控件（2）创建用户登录网页窗体右击解决方案（ex2_1），在弹出菜单中选择“添加”，点击“新建网站”，选择ASP.NET网站。VS2008产生的目录结构与文件如图2-2所示，由图2-2可知在解决方案目录ex2_1中产生了login子目录，在login子目录中创建创建一个子目录App_data与两个文件Default.aspx与Default.aspx.cs。图2-2解决方案ex2_1与用户登录网站的目录结构（3）在网页窗体中添加控件构成用户登录界面在网页窗体中添加3个Label控件、2个文本框控件和2个按钮控件，如图2-3所示。注意：添加3个Label控件时，3个控件都放在一行上，且不能移动到下一行。此时，应单击Label1，然后用键盘上的光标键将光标移到Label1与Label2之间，并敲回车键可将Label2与Lable3移动到第2行。用同样方法将Label3移动到第3行，经移动后可将TextBox1用鼠标拖到Label1右侧，将TextBox2拖到Label2右侧。2.1基本控件图2-3在网页窗体中添加控件（4）设置控件属性在网页文件Default.aspx的设计页面中选择控件，如选择Label1|视图|属性窗口|设置ID为lbl_User，Text为用户名：。设置其它控件属性如表2-1所示。控件IDText其它属性Label1lbl_User用户名Label2lbl_Password用户密码TextMode=passwordLabel3lbl_InfoTextBox1txt_UserTextBox2txt_PasswordButton1btn_Login登录Button2btn_Cancel取消表2-1设置控件属性2.1基本控件（5）编写登录按钮事件驱动程序protectedvoidbtn_Login_Click(objectsender,EventArgse){stringuser=txt_User.Text;stringpass=txt_Password.Text;if(user==admin&&pass==123456)lbl_Info.Text=登录成功！;elselbl_Info.Text=登录失败！;}2.1基本控件（6）设置Login为起始页资源管理器|右击Login.aspx|设置为起始页（7）编译运行网页程序菜单|生成|生成解决方案|调试|启动调试。在例2-1中用到Label、TextBox、Button三种控件，下面介绍三种控件的作用、属性、方法与事件。2.1基本控件2.1.1Label标签控件1.作用:在Web窗体上显示静态文本。2.语句格式asp:LabelID=ID_Namerunat=serverText=文本内容/asp:Label3.属性（1）ID：控件名称（2）Text：显示文本内容2.1基本控件2.1.2TextBox文本框控件1.作用在Web窗体上输入与显示信息。2.语句格式asp:TextBoxID=ID_Namerunat=serverTextMode=Single|Multiline|PasswordText=”输入显示内容”…OnTextChange=”Method”/asp:TextBox2.1基本控件属性说明示例ID控件名称txt_UserText输入输出文本txt_User.TextTextMode文本框工作模式Single(单行)|Multiline(多行)|Password(密码)AutoPostBack是否自动提交表单True:自动提交；false:不自动提交Column文本框宽度Rows文本框行数MaxLength允许输入最大字符数Wrap是否允许换行True:允许换行；false:禁止换行ReadOnly只读表2-2TextBox控件属性一览表2.1基本控件2.1.2TextBox文本框控件3.属性TextChanged事件：设置AutoPostBack=true，当文本框中内容发生变化时，页面回发给服务器会激活TextChanged事件。双击TextBox控件（ID为TextBox1），可以为该控件在HTML源文件部分自动添加一个方法及方法值：OnTextChanged=”TextBox1_TextChanged”，其中等式右边的为该控件对应出发的事件函数名。标准事件函数定义格式如下。protectedvoid控件名_事件名(objectsender,EventArgse){……}2.1基本控件2.1.2TextBox文本框控件4.事件2.1.3Button、ImageButton、LineButton按钮控件1.作用在Web窗体上用于产生命令按钮事件。2.语句格式asp:ButtonID=ID_Namerunat=serverText=按钮名称CauseValidation=”true|false”OnClick=Mothod//asp:Button2.1基本控件表2-3Button控件属性一览表属性说明示例ID按钮名称btn_LoginText按钮标题登录AlternateText(ImageButton)飞行提示登录ImageUrl(ImageButton)图标位置与名称1button-login.gifCauseValidation是否进行验证True:验证；False:不验证CommandNameCommand命令名CommandArgumentCommand命令参数2.1基本控件2.1.3Button、ImageButton、LinkButton按钮控件3.属性4.事件（1）Click事件：没有指定CommandName与CommandArgument属性的Submit按钮单击事件。（2）Command事件：指定CommandName与CommandArgument属性的Command按钮单击事件。2.1基本控件2.1.3Button、ImageButton、LinkButton按钮控件【例2-2】Button按钮示例，如图2-4所示。（1）打开解决方案ex2_1。（2）在解决方案ex2_1中新建网页button.aspx，添加3个按钮与1个标签。2.1基本控件图2-4Button按钮示例表2-4属性设置控件IDText其它属性Label1lbl_ButtonButton1btn_First第一个按钮CommandName=SortCommandArgument=第一个按钮Button2btn_Second第二个按钮CommandName=SumImageButton1btn_ThirdCommandName=SortCommandArgument=第三个按钮AlternateText=第三个按钮ImageUrl=Third.jpgLinkButton1btn_Fourth第四个按钮2.1基本控件（3）设置属性如表2-4所示。（4）编写按钮事件驱动程序①第一个按钮的Command事件，代码如下：protectedvoidbtn_First_Command(objectsender,CommandEventArgse){switch(e.CommandName){caseSort://第一个和第三个按钮的CommandName均为Sortlbl_Button.Text=您的选择是：+e.CommandArgument.ToString();break;caseSum://第二个按钮的CommandName为Sumlbl_Button.Text=您的选择是：第二个按钮;break;}}2.1基本控件②第二个按钮的Command事件。在第二个按钮的Command事件中选择事件函数名为“btn_First_Command”。③第三个按钮的Command事件。在第三个按钮的Command事件中选择事件函数名为“btn_First_Command”。④第四个按钮的Click事件。代码如下：protectedvoidbtn_Fourth_Click(objectsender,EventArgse){lbl_Button.Text=您的选择是：第四个按钮;}2.1基本控件（5）查看Button.aspx的HTML代码asp:ButtonID=btn_Firstrunat=serverText=第一个按钮CommandName=SortCommandArgument=第一个按钮oncommand=btn_First_Command/ asp:ButtonID=btn_Secondrunat=serverText=第二个按钮CommandName=Sumoncommand=btn_First_Command/ asp:ImageButtonID=btn_Thirdrunat=serverAlternateText=第三个按钮ImageUrl=~/Third.jpgWidth=85pxCommandName=SortCommandArgument=第三个按钮oncommand=btn_First_Command/ asp:LinkButtonID=btn_Fourthrunat=serverText=第四个按钮onclick=btn_Fourth_Click/2.1基本控件2.1.4Image图像控件1.作用在Web窗体上显示图像。2.语句格式asp:ImageID=ID_Namerunat=serverAlternateText=飞行提示内容ImageUrl=”图像文件的路径与名称”ImageAlign=”图像排列位置”/asp:Image2.1基本控件2.1.4Image图像控件3.属性（1）ID：控件名称（2）AlternateText：飞行提示（3）ImageUrl：图像文件的路径与名称（4）ImageAlign：图像排列位置；Left、Middle、Right、Bottom、Top、AbsBottom、AbsMiddle、BaseLine、TextTop。2.1基本控件【例2-3】图像控件示例，如图2-5所示。图2-5图像控件示例2.1基本控件（1）打开解决方案ex2_1。（2）新建网页Image.aspx。（3）在Windows资源管理器中新建目录Image,将jy.bmp、gz.bmp等图像文件复制到Image目录中。在网页中添加两个图像控件，设置属性如下：表2-5属性设置控件IDAlternateTextImageUrlImageAlignImage1Image_left金鱼~Image\jy.bmpleftImage2Image_Right教师~Image\gz.bmpright2.1基本控件（4）Image.aspx文件中有关Image控件的代码asp:ImageID=Image_JYrunat=serverAlternateText=金鱼Height=218pxWidth=199pxImageUrl=~/Image/jy.jpgImageAlign=LeftBorderStyle=Solid/asp:ImageID=Imag