第2章 ASP NET常用服务器标准控件2

2.1.5选择控件选择控件的作用是让用户从可选项中选取一个或多个选项，包括RadioButton和RadioButtonList控件、CheckBox和CheckList控件、ListBox和DropDownList控件。1．RadioButton和RadioButtonList控件单选按钮Web服务器控件分为两类：RadioButton控件和RadioButtonList控件。可以使用这些控件定义任意数目的带标签的单选按钮，并将它们水平或垂直排列。（1）RadioButton控件语法格式如下：asp:RadioButtonID=RadioButton1runat=serverGroupName=组名Text=控件旁显示的文字oncheckedchanged=RadioButton1_CheckedChanged…/在程序中可以用“控件名称.SelectedItem.Value”获取被选中按钮的选项值，用“控件名称.SelectedItem.Text”获取被选中按钮旁显示的文本。使用单个RadioButton控件时，一般方法是：向页面添加一组这样的控件，然后对它们进行分组。可以创建多个不同的按钮组。向Web窗体页添加RadioButton控件的方法如下。①从工具箱的“标准”选项卡中，将RadioButton控件拖到页面上。②在“属性”窗口中，通过设置Text属性来指定标题。③还可以通过设置TextAlign属性来更改标题的方向。④对要添加到页面上的每个单选按钮重复步骤①～③。⑤对添加到页面上的各个RadioButton控件进行分组。⑥设置选定的RadioButton控件，将控件的Checked属性设置为true。要确定一组中哪个控件被选中，必须分别测试每个控件，代码示例如下：publicvoidButton1_Click(objectsender,System.EventArgse){if(RadioButton1.Checked)//测试第1个单选按钮是否选中{Label1.Text=Youselected+RadioButton1.Text;}elseif(RadioButton2.Checked)//测试第2个单选按钮是否选中{Label1.Text=Youselected+RadioButton2.Text;}elseif(RadioButton3.Checked)//测试第3个单选按钮是否选中{Label1.Text=Youselected+RadioButton3.Text;}}在一般情况下，不需要直接对RadioButton控件的选择事件进行响应，仅当有必要知道用户何时更改了单选按钮组中的选择内容时，才响应这一事件。当用户选择RadioButton控件时的响应方法如下：publicvoidRadioButton1_CheckedChanged(objectsender,System.EventArgse){Label1.Text=YouselectedRadioButton+RadioButton1.Text;}（2）RadioButtonList控件语法格式如下：asp:RadioButtonListID=RadioButtonList1runat=serverRepeatDirection=Horizontalonselectedindexchanged=RadioButtonList1_SelectedIndexChanged…asp:ListItemValue=选项值1…单选按钮旁显示的文字1/asp:ListItemasp:ListItemSelected=true…单选按钮旁显示的文字2/asp:ListItemasp:ListItem单选按钮旁显示的文字3/asp:ListItem…/asp:RadioButtonList向Web页添加一个RadioButtonList控件，然后向该控件添加列表项，操作方法如下。①从工具箱的“标准”选项卡中，将RadioButtonList控件拖到页面上。②可以在“属性”窗口中，设置TextAlign属性来更改标题的方向，设置RepeatDirection来更改控件的布局，指定各项的排序方式：Vertical（垂直，默认）或Horizontal（水平）。③可以使用以下3种方法向列表服务器控件添加项：在设计时添加静态项。以编程方式在运行时添加项。使用数据绑定添加项，将在后面章节中详细介绍。在设计时添加静态项的方法如下。①在设计视图中，选择要向其中添加项的列表控件。RadioButtonList控件添加到页面中后，自动显示如图2-10所示的快捷菜单，其中，“选择数据源”用于将控件绑定到某个数据库指定的字段上。如果快捷菜单被隐藏，可单击该控件右上角的按钮将其展开。在快捷菜单中单击“编辑项”，或者在“属性”窗口中，单击Items属性后的按钮，都将显示“ListItem集合编辑器”对话框，如图2-11所示。②单击“添加”按钮向单选按钮组中添加成员。在每个成员名称之前带有一个数字编号，该编号为成员控件的索引号（Index）。可通过SelectedIndex属性获取或设置RadioButtonList控件中被选定成员的索引号。③选择此新项，然后在右侧列表框中设置Text、Value、Selected等属性值。最多可以为该项指定4个可能的属性，见表2-16。④对要添加的每项重复步骤②和步骤③，然后单击“确定”按钮。以编程方式添加项的方法如下。RadioButtonList控件为网页开发人员提供了一组单选按钮，这些按钮可以通过数据绑定动态生成。该控件包含一个Items集合，集合中的成员与列表中的各项相对应。若要确定选择了哪项，则需要测试列表的SelectedItem属性。①创建ListItem类型的新对象，设置其Text属性和Value属性。在程序中，通常通过调用Add方法来创建新的ListItem。②调用控件的Items集合的Add方法，并将新对象传递给它，代码如下：RadioButtonList1.Items.Add(newListItem(Text文本1,Value值1));RadioButtonList1.Items.Add(newListItem(Text文本2,Value值2));【演练2-5】RadioButton和RadioButtonList控件应用示例。制作小调查网页，列出两组单选按钮，供用户选择。选择后，将显示被选中的项目，如图2-12所示；如果没有选择任何单选按钮，则显示相应的提示，如图2-13所示。①设计页面。新建一个空网站，添加Web窗体，切换到设计视图，在Default.aspx中添加一个5行2列的表格，并输入相应的静态文字，添加4个RadioButton控件、一个RadioButtonList控件、两个Button控件、一个Label控件。由于VS自动添加CSS代码，致使不容易控制表格宽度，需要将其删掉，切换到源视图，删除headrunat=server…/head中的styletype=text/css…/style及其样式表代码。其设计视图如图2-14所示。②设置控件属性。在设计视图中，分别选中4个RadioButton控件，把它们的GroupName属性都设置为Times，Text属性设置如图2-15所示。选中RadioButtonList控件，在ListItem集合编辑器中添加6个选项，它们的Text属性设置如图2-15所示，设置RepeatDirection属性为Horizontal。③编写事件代码。【演练2-5】代码2．CheckBox和CheckList控件（1）CheckBox控件语法格式如下：asp:CheckBoxID=CheckBox1runat=serverText=控件旁显示的文字oncheckedchanged=CheckBox1_CheckedChanged…/（2）CheckList控件语法格式如下：asp:CheckBoxListID=CheckBoxList1runat=serverRepeatDirection=Horizontalonselectedindexchanged=CheckBoxList1_SelectedIndexChanged…asp:ListItemValue=选项值1复选框旁显示的文字1/asp:ListItemasp:ListItemSelected=true复选框旁显示的文字2/asp:ListItemasp:ListItem复选框旁显示的文字3/asp:ListItem…/asp:CheckBoxList【演练2-6】CheckBox和CheckList控件应用示例。制作选择爱好示例，当单击选中CheckBox控件时，将改变CheckBoxList控件的显示方式；当单击Button控件时，在Label控件中显示选定的项目。如图2-16所示。①设计页面。新建空网站，添加Web窗体，切换到设计视图，在Default.aspx中添加一个CheckBoxList控件、一个CheckBox控件、一个Button控件、一个Label控件，如图2-17所示。②设置控件属性。在设计视图中，选中CheckBoxList1控件，在ListItem集合编辑器中添加8个选项，分别设置它们的Text属性如图2-18所示，在“属性”窗口中设置RepeatColumns属性值为2，将该控件适当拖大一些，以便在横向显示时使文字显示正常（即在程序中把RepeatColumns属性设为4时的大小）。选中CheckBox1控件，设置Text属性值为“水平显示”，AutoPostBack属性值为true。将Button控件的Text属性值改为“提交”，Label控件的Text属性中的内容清空。③编写事件代码。【演练2-6】代码3．ListBox控件和DropDownList控件ListBox（列表框）控件和DropDownList（下拉列表框）控件是用于向用户提供输入数据选项的控件，其外观分别如图2-19和图2-20所示。从图中可以看出，ListBox控件和DropDownList控件都是以列表的形式向用户提供选项的，但DropDownList控件可以将选项折叠起来，只有在用户单击其右侧的下拉按钮时才显示选项列表，节省了显示空间。（1）ListBox控件ListBox控件的语法格式如下：asp:ListBoxID=ListBox1runat=serverWidth=控件的宽度pxRows=显示的行数onselectedindexchanged=ListBox1_SelectedIndexChanged…asp:ListItemValue=选项值1列表框中显示的文字1/asp:ListItemasp:ListItemSelected=true列表框中显示的文字2/asp:ListItemasp:ListItem列表框中显示的文字3/asp:ListItem…/asp:ListBox向控件中添加选项的方法与前面介绍过的RadioButtonList控件、CheckBoxList控件添加选项的方法相同，可以通过ListItem集合编辑器添加选项，也可以在源视图中通过编写HTML代码添加选项，还可以在程序运行中通过代码动态地向控件中添加选项。在程序中可用“列表控件名称.SelectedItem”或“列表控件名称.SelectedItem.Text”获取被选项的文本，用“列表控件名称.SelectedValue”或“列表控件名称.SelectedItem.Value”获取被选项的值。当ListB