ASP.NET动态网站项目开发实用教程（C#版）

　第3章ASP.NET Web常用控件接正文SD45mm第3章ASP.NET Web常用控件

　　任务3.1制作“员工信息登记表”

　　“员工信息登记表”案例采用几种常见的控件完成，用户在登记表中可以输入信息，要求单击“提交”按钮后，显示用户输入的内容。“员工信息登记表”的效果如图31所示。

　　图31“员工信息登记表”的效果图

　　实现步骤如下。

　　（1） 在站点D:\\disanzhang\\下新建Web窗体ygxxb.aspx，在站点根目录下添加images文件夹，并把line.png文件添加到该文件夹中。

　　（2） 在窗体中添加一个Label控件（可以采用拖动的方法，也可以采用双击控件的方法），该控件的ID属性修改为lblInfo，Text属性修改为“员工信息登记表”。

　　（3） 在Label控件的下方添加一个Image控件，该控件的ID属性修改为imgLine，ImageUrl属性修改为～/images/line.png。

　　（4） 在Image控件下方，添加文字“员工编号： ”。并在其后添加TextBox控件，修改控件的ID属性为txtId，按照同样的方法添加“员工姓名”，其TextBox控件的ID属性是txtName。

　　（5） 在“员工姓名”下方添加文字“员工性别： ”，在其后添加两个RadioButton控件，并分别设置ID属性为rbtnMan、rbtnWoman。分别修改Text属性为“男”和“女”，再分别设置GroupName属性为sex。

　　（6） 在“员工性别”的下方添加文字“政治面貌： ”。在其后添加DropDownList控件，设置其ID属图32选择“编辑项”命令

　　性为DropPolitical。单击DropDownList控件右上方的按钮，在弹出的“DropDownList任务”菜单中选择“编辑项”命令，如图32所示，则弹出“ListItem集合编辑器”对话框，如图33所示。在该对话框中单击“添加”按钮，在Text属性处输入“党员”，Value属性也自动变成“党员”，如图34所示。采用同样的方法添加“团员”和“群众”这2项。

　　图33“ListItem集合编辑器”对话框

　　图34在ListItem集合编辑器中添加新项

　　（7） 在“政治面貌”的下方添加文字“员工爱好： ”。在其后添加5个CheckBox控件，分别修改其ID属性为chkSports、chkArts、chkMusic、chkLiterature、chkScience，分别修改其Text属性为“体育”“美术”“音乐”“文学”“科学”。

　　（8） 在“员工爱好”的下方添加文字“外语种类： ”，在其后添加RadioButtonList控件，并修改其ID属性为radlForeign。单击RadioButtonList控件右上方的按钮，在弹出的“RadioButtonList任务”菜单中选择“编辑项”命令，弹出“ListItem集合编辑器”对话框。在该对话框中单击“添加”按钮，在Text属性处输入“英语”，Value属性也自动变成“英语”；采用同样的方法添加“日语”“法语”和“其他”这3项。

　　（9） 在“外语种类”的下方添加一个Panel控件，修改其ID属性为pnlForeign，修改Visible属性值为False，目的是让Panel控件在页面刚开始运行时为不可见；然后在Panel控件中添加一个Label控件，修改其ID属性为lblOther，Text属性修改为“您的外语种类是： ”；再在Panel控件中添加一个TextBox控件，修改其ID属性为txtOther。

　　（10） 在Panel控件的下方添加文字“您学过的专业课程”，在其后添加ListBox控件，修改其ID属性为lstCourse，修改其SelectionMode属性为Multiple，单击ListBox控件右上方的按钮，在弹出的“ListBox任务”菜单中选择“编辑项”命令，弹出“ListItem集合编辑器”对话框，在该对话框中单击“添加”按钮，在Text属性处输入“数据库”，Value属性也自动变成“数据库”；采用同样的方法添加ASP.NET、操作系统、CSS+DIV、Flash、PhotoShop和C语言这6项。

　　（11） 在ListBox控件的下方添加文字“备注： ”。在其后添加TextBox控件，修改其ID属性为txtNote，Rows属性为5，TextMode属性为MultiLine。

　　（12） 在TextBox控件的下方添加HyperLink控件，修改其ID属性为hlkpage，NavigateUrl属性为“#”，Text属性为“如有问题，请进入帮助页面”。

　　（13） 在HyperLink控件的下方添加一个Button控件，修改其ID属性为btnSubmit， Text属性为“提交”。

　　（14） 在Button控件的下方添加一个Label控件，修改其ID属性为lblConclusion。

　　（15） “员工信息登记表”页面代码如下所示。

　　员工编号:

　　员工姓名:

　　员工性别: 　　GroupName="sex"/>

　　　　GroupName="sex"/>

　　政治面貌: 　　AutoPostBack="True">

　　党员

　　群众

　　团员

　　员工爱好:

　　外语种类: 　　AutoPostBack="True" onselectedindexchanged="radlForeign_

　　SelectedIndexChanged">

　　英语

　　日语

　　法语

　　其他

　　您学过的专业课程:

　　数据库

　　ASP.NET

　　操作系统

　　CSS+DIV

　　Flash

　　PhotoShop

　　C语言

　　备注: 　　"MultiLine">

　　如有问题，请进入帮助页面

　　（16） 双击RadioButtonList控件，增加SelectedIndexChanged事件，并在页面代码中补充设置RadioButtonList控件的AutoPostBack属性值为True，表示当选中单选按钮列表中的某项时，触发SelectedIndexChanged事件。当RadioButtonList控件选中“其他”选项时，Visible属性值为True。代码如下。protected void radlForeign_SelectedIndexChanged（object sender, EventArgs e）

　　{

　　//获取外语种类信息

　　if（radlForeign.SelectedItem.Text=="其他"）

　　{

　　pnlForeign.Visible=true;

　　}

　　else

　　{

　　pnlForeign.Visible=false

　　}

　　}

　　（17） 单击“提交”按钮后，增加OnClick事件，代码如下。protected void btnSubmit_Click（object sender, EventArgs e）

　　{

　　//获取选择的性别

　　string sex="";

　　if（radMan.Checked==true）

　　{

　　sex="男性";

　　}

　　else

　　{

　　sex="女性";

　　}

　　//获取政治面貌信息

　　string Political="";

　　Political=DropPolitical.SelectedItem.Text;

　　//获取员工爱好信息

　　string msg="";

　　if（chkSports.Checked==true）

　　{

　　msg=msg+chkSports.Text+" ";

　　}

　　……