1、WEB应用程序设计 (ASP.NET),2,第3课 ASP.NET服务器端控件,本课要点: 了解和使用各种服务器控件 使用文本框、列表框等标准控件输入数据 使用验证控件确保输入数据的正确性 使用文件上传控件、日历控件等Rich控件 了解导航控件和用户控件的使用本课示例请参见课件文件夹下AspDotNetLesson3_2文件夹,虚拟目录配置为AspDotNetLesson3_2,3,3.4 List控件,List控件用来显示简单的选项列表,4,3.4.1 DropDownList控件,protected void Button1_Click(object sender, EventArgs e
2、)lblResult.Text = “ + ddlDepart.SelectedItem.Text + “的代码是:“ + ddlDepart.SelectedValue;,ShowDropDownList.aspx,5,3.4.1 DropDownList控件,List控件会呈现一个选项列表,其中每个选项都是ListItem类的一个实例。 确定被选中的列表项: SelectedIndex:获取或设置被选中项目的索引 SelectedItem:获取第一个被选中的项目 SelectedValue:获取或设置第一个被选中项目的值 可以通过以下几种方式来设置列表项: 在属性面板中,通过“ListIt
3、em集合编辑器”修改Item属性 在源文件中,添加标记 在代码文件中,使用.Items.Add方法 与数据源进行数据源绑定,6,3.4.2 ListBox控件,列表控件 常用属性 Items:列表控件中的项目集合 Rows:选取的项目的数量 SelectionMode:选择模式,单选或多选 SelectedIndex(编程用) SelectItem (编程用) 常用方法 Items.Add( . ) Items.Remove(.) Items.Insert(.),ShowListBox.aspx,7,3.4.1 DropDownList控件,动态添加列表项:,protected void Pa
4、ge_Load(object sender, EventArgs e)if (!IsPostBack)ListItem li = new ListItem(“人文管理系“,“16“);ddlDepart.Items.Add(li);,思考:为什么要使用IsPostBack判断?,8,相关代码,protected void btnAdd_Click(object sender, EventArgs e)ListItem li = ListBox1.SelectedItem;if (li != null)ListBox1.Items.Remove(li);ListBox2.ClearSelecti
5、on();ListBox2.Items.Add(li);,这是 按钮中的代码。 按钮中的代码就不贴出来,大家自己考虑!,9,多选模式下按钮的处理,这是 按钮中的代码。 按钮中的代码就不贴出来,大家自己考虑!,private void btnAdd_Click(object sender, System.EventArgs e) int i = 0;while ( iListBox1.Items.Count )ListItem li = ListBox1.Itemsi;if ( !li.Selected )i+; / 当前不是选中的条目,移动到下一个条目else / 开设课程中删去本条目,已选课
6、程中添加本条目li.Selected=false;ListBox2.Items.Add(li);ListBox1.Items.Remove(li);/ 因为删去本条目后,后面各项顺序往前移了一个项目,/ 所以i不加1了 ,10,3.3.3 单选框列表和复选框列表,注意控件的AutoPostBack属性的设置,ListDemo.aspx,11,相关代码,protected void Button1_Click(object sender, EventArgs e)tbResult.Text = String.Empty;/ 设置文字内容为选定内容foreach (ListItem li in c
7、blText.Items)if (li.Selected)tbResult.Text += li.Text+“n“;/ 设置文字颜色为选定颜色tbResult.ForeColor = Color.FromName(rblColor.SelectedValue);/ 设置文字大小为选定大小tbResult.Font.Size = FontUnit.Parse(ddlFontSize.SelectedValue);,12,作业4,完成实验4实验报告 上传文件的课堂示例 从下面2个程序中选择1个完成: ListBox控件的课堂示例 RadioButtonList等控件的课堂示例 从下面2个程序中选择1个完成: 制作一个XX宾馆住宿登记网页。要求:必须输入旅客姓名、性别、身份证号、住宿天数、客房等级等各信息项,并且根据客房等级和住宿天数计算出住宿费。 个人所得税计算网页,