ASPNET数据库网站设计教程（C#版）

1、n2.1.5 选择控件选择控件n选择控件的作用是让用户从可选项中选取一个或多个选项，包括radiobutton和radiobuttonlist控件、checkbox和checklist控件、listbox和dropdownlist控件。n1radiobutton和和radiobuttonlist控件控件n单选按钮web服务器控件分为两类：radiobutton控件和radiobuttonlist控件。可以使用这些控件定义任意数目的带标签的单选按钮，并将它们水平或垂直排列。n（1）radiobutton控件n语法格式如下：nn在程序中可以用“控件名称.selecteditem.value”获取被

2、选中按钮的选项值，用“控件名称.selecteditem.text”获取被选中按钮旁显示的文本。n使用单个radiobutton控件时，一般方法是：向页面添加一组这样的控件，然后对它们进行分组。可以创建多个不同的按钮组。向web窗体页添加radiobutton控件的方法如下。n 从工具箱的“标准”选项卡中，将radiobutton控件拖到页面上。n 在“属性”窗口中，通过设置text属性来指定标题。n 还可以通过设置textalign属性来更改标题的方向。n 对要添加到页面上的每个单选按钮重复步骤。n 对添加到页面上的各个radiobutton控件进行分组。n 设置选定的radiobutton

3、控件，将控件的checked属性设置为true。n要确定一组中哪个控件被选中，必须分别测试每个控件，代码示例如下：npublic void button1_click (object sender, system.eventargs e)nn if (radiobutton1.checked) /测试第1个单选按钮是否选中n n label1.text = you selected + radiobutton1.text;n n else if (radiobutton2.checked) /测试第2个单选按钮是否选中n n label1.text = you selected + radio

4、button2.text;n n else if (radiobutton3.checked) /测试第3个单选按钮是否选中n n label1.text = you selected + radiobutton3.text;n nn在一般情况下，不需要直接对radiobutton控件的选择事件进行响应，仅当有必要知道用户何时更改了单选按钮组中的选择内容时，才响应这一事件。n当用户选择radiobutton控件时的响应方法如下：npublic void radiobutton1_checkedchanged (object sender, system.eventargs e)nn label

5、1.text = you selected radio button + radiobutton1.text;nn（2）radiobuttonlist控件n语法格式如下：nn 单选按钮旁显示的单选按钮旁显示的文字文字1n 单选按钮旁显示的文单选按钮旁显示的文字字2n 单选按钮旁显示的文字单选按钮旁显示的文字3n nn向web页添加一个radiobuttonlist控件，然后向该控件添加列表项，操作方法如下。n 从工具箱的“标准”选项卡中，将radiobuttonlist控件拖到页面上。n 可以在“属性”窗口中，设置textalign属性来更改标题的方向，设置repeatdirection来更改

6、控件的布局，指定各项的排序方式：vertical（垂直，默认）或horizontal（水平）。n 可以使用以下3种方法向列表服务器控件添加项：n在设计时添加静态项。n以编程方式在运行时添加项。n使用数据绑定添加项，将在后面章节中详细介绍。n在设计时添加静态项的方法如下。n 在设计视图中，选择要向其中添加项的列表控件。nradiobuttonlist控件添加到页面中后，自动显示如图2-10所示的快捷菜单，其中，“选择数据源”用于将控件绑定到某个数据库指定的字段上。如果快捷菜单被隐藏，可单击该控件右上角的 按钮将其展开。在快捷菜单中单击“编辑项”，或者在“属性”窗口中，单击items属性后的 按钮

7、，都将显示“listitem集合编辑器”对话框，如图2-11所示。n 单击“添加”按钮向单选按钮组中添加成员。在每个成员名称之前带有一个数字编号，该编号为成员控件的索引号（index）。可通过selectedindex属性获取或设置radiobuttonlist控件中被选定成员的索引号。n 选择此新项，然后在右侧列表框中设置text、value、selected等属性值。最多可以为该项指定4个可能的属性，见表2-16。n 对要添加的每项重复步骤和步骤，然后单击“确定”按钮。n以编程方式添加项的方法如下。nradiobuttonlist控件为网页开发人员提供了一组单选按钮，这些按钮可以通过数据绑

8、定动态生成。该控件包含一个items集合，集合中的成员与列表中的各项相对应。若要确定选择了哪项，则需要测试列表的selecteditem属性。n 创建listitem类型的新对象，设置其text属性和value属性。在程序中，通常通过调用add方法来创建新的listitem。n 调用控件的items集合的add方法，并将新对象传递给它，代码如下：nradiobuttonlist1.items.add(new listitem(text文本1, value值1);nradiobuttonlist1.items.add(new listitem(text文本2, value值2);n【演练2-5】

9、 radiobutton和radiobuttonlist控件应用示例。制作小调查网页，列出两组单选按钮，供用户选择。选择后，将显示被选中的项目，如图2-12所示；如果没有选择任何单选按钮，则显示相应的提示，如图2-13所示。n 设计页面。新建一个空网站，添加web窗体，切换到设计视图，在default.aspx中添加一个5行2列的表格，并输入相应的静态文字，添加4个radiobutton控件、一个radiobuttonlist控件、两个button控件、一个label控件。由于vs自动添加css代码，致使不容易控制表格宽度，需要将其删掉，切换到源视图，删除中的及其样式表代码。其设计视图如图2-

10、14所示。n 设置控件属性。在设计视图中，分别选中4个radiobutton控件，把它们的groupname属性都设置为times，text属性设置如图2-15所示。n选中radiobuttonlist控件，在listitem集合编辑器中添加6个选项，它们的text属性设置如图2-15所示，设置repeatdirection属性为horizontal。n 编写事件代码。n【演练2-5】代码n2checkbox和和checklist控件控件n（1）checkbox控件n语法格式如下：nn（2）checklist控件n语法格式如下：nn 复选框旁显示的文字1n 复选框旁显示的文字2n 复选框旁显示

11、的文字3n n n【演练2-6】 checkbox和checklist控件应用示例。制作选择爱好示例，当单击选中checkbox控件时，将改变checkboxlist控件的显示方式；当单击button控件时，在label控件中显示选定的项目。如图2-16所示。n 设计页面。新建空网站，添加web窗体，切换到设计视图，在default.aspx中添加一个checkboxlist控件、一个checkbox控件、一个button控件、一个label控件，如图2-17所示。n 设置控件属性。在设计视图中，选中checkboxlist1控件，在listitem集合编辑器中添加8个选项，分别设置它们的te

12、xt属性如图2-18所示，在“属性”窗口中设置repeatcolumns属性值为2，将该控件适当拖大一些，以便在横向显示时使文字显示正常（即在程序中把repeatcolumns属性设为4时的大小）。选中checkbox1控件，设置text属性值为“水平显示”，autopostback属性值为true。将button控件的text属性值改为“提交”，label控件的text属性中的内容清空。n 编写事件代码。n【演练2-6】代码n3listbox控件和控件和dropdownlist控件控件nlistbox（列表框）控件和dropdownlist（下拉列表框）控件是用于向用户提供输入数据选项的控件

13、，其外观分别如图2-19和图2-20所示。从图中可以看出，listbox控件和dropdownlist控件都是以列表的形式向用户提供选项的，但dropdownlist控件可以将选项折叠起来，只有在用户单击其右侧的下拉按钮 时才显示选项列表，节省了显示空间。n（1）listbox控件 nlistbox控件的语法格式如下：nn 列表框中显示的文字1n 列表框中显示的文字2n 列表框中显示的文字3n nn向控件中添加选项的方法与前面介绍过的radiobuttonlist控件、checkboxlist控件添加选项的方法相同，可以通过listitem集合编辑器添加选项，也可以在源视图中通过编写html代

14、码添加选项，还可以在程序运行中通过代码动态地向控件中添加选项。n在程序中可用“列表控件名称.selecteditem”或“列表控件名称.selecteditem.text”获取被选项的文本，用“列表控件名称.selectedvalue”或“列表控件名称.selecteditem.value”获取被选项的值。n当listbox控件允许多选时，要通过循环来依次判断哪些选项被选中。事件过程代码如下：nprotected void button1_click(object sender, eventargs e)nn label1.text = 你选中的选项为：;n for (int i = 0; i

15、 listbox1.items.count; i+) /获取列表选项总数.items.countn n if (listbox1.itemsi.selected) /如果本选项被选中n n label1.text += listbox1.itemsi.value + ;n n nn要选中多项，按下ctrl键操作鼠标可选中不连续的多项，按下shift键操作鼠标可选中连续的多项。n（2）dropdownlist控件 ndropdownlist控件的语法格式如下：nn 下拉列表框中显示下拉列表框中显示的文字的文字1n 下拉列表框中显示的下拉列表框中显示的文字文字2n 下拉列表框中显示的文字下拉列表框

16、中显示的文字3n nn【演练2-7】 listbox控件和dropdownlist控件应用示例。要求分别在listbox控件和dropdownlist控件中选定一个选项，单击“确定”按钮后显示选定的项目名称，如图2-21所示。如果没有选项，则提示“请选项目!”；如果单击“重选”按钮，则恢复到选择前的状态。n 设计页面。新建空网站，添加web窗体，切换到设计视图，在default.aspx中添加一个6行2列，宽度为600像素的html表格，然后合并第4、6行的单元格。添加静态文字，添加一个listbox控件、一个dropdownlist控件、两个button控件、一个label控件。单击drop

17、downlist控件所在的单元格（不能选中dropdownlist控件），在“属性”窗口中设置本单元格的align属性值为left，valign属性值为top，使dropdownlist控件位于单元格左上角，如图2-22所示。n 设置控件属性。在设计视图中，分别选中listbox1控件和dropdownlist1控件，在listitem集合编辑器中添加选项。n 编写事件代码。n【演练2-7】代码n【演练2-8】 listbox控件应用示例。如图2-23所示，左边listbox控件显示预定义选项列表，在左边列表框中单击选中项目，单击 按钮，移到右边的listbox控件中；单击 按钮则把右边选中的

18、项移到左边。如果没有选中而直接单击按钮，则出现提示对话框。n 设计页面。新建空网站，添加web窗体，切换到设计视图，在default.aspx中添加一个3行3列、500像素宽度的表格，添加两个listbox控件、两个button控件，调整表格、控件的大小，如图2-24所示。可在源视图中精确设置控件的height、width的大小。n 设置控件属性。在设计视图中，选中listbox1控件，在listitem集合编辑器中添加选项。两个listbox控件的selectionmode属性应使用默认的single，以确保一次只能选中一项。button控件的text属性分别设置为“”和“”。n 编写事件代码。n【演练2-8】代码n【实训2-2】 常用标准控件应用示例，制作用户注册页面，如图2-50所示。用户填写注册内容后，单击“提交”按钮，在页面下方显示填写的内容；单击“重置”按钮，清空内容。2.5 实训实训n 设计页面。新建一个asp.net网站，在解决方案资源管理器中右击default.aspx，在快捷菜单中单击“重命名”，将其改名为login.aspx。在login.aspx页面中，按图2-50所示添加一个用于布局的html表格。注意，在插入表格时，要指定宽度并采用像素为单位。向表格中添加用于表示各控件作用的说明文字。向表格中添加5个t