Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1086462
  • 博文数量: 254
  • 博客积分: 10185
  • 博客等级: 上将
  • 技术积分: 2722
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-25 15:04
文章存档

2011年(8)

2009年(1)

2008年(31)

2007年(214)

分类: 系统运维

2007-08-27 10:05:46

    MutuallyExclusiveCheckBoxExtender控件用于对一个项目进行选择,使它只可以选一个,但是若不可能发生,也可以不选择。
下面请看一个示例:

1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程,命名为MutuallyExculsiveCheckBoxExtender1。

2)在页面上拖放4个CheckBox,分别设置它们的ID为CheckBox1,CheckBox2,CheckBox3,CheckBox4,设置文本为bedroom,bedroom,door,door。

代码如下:
 1        <br />
 2        Do                      
 3                               
 4                    Don't<br />
 5        <br />
 6        <asp:CheckBox ID="CheckBox1" Text="bedroom" runat="server" />
 7                               
 8                          
 9        <asp:CheckBox ID="CheckBox2" Text="bedroom" runat="server" />
10        <br />
11        <br />
12        <asp:CheckBox ID="CheckBox3" runat="server" Text="door" />
13                               
14                                
15        <asp:CheckBox ID="CheckBox4" runat="server" Text="door" /><br />
16        <br />

3)然后在页面上拖放4个MutuallyExculsiveCheckBoxExtender控件,分别关联到CheckBox1,CheckBox2,CheckBox3,CheckBox4。并设置一些属性。

代码如下:

 1        <cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender1" TargetControlID="CheckBox1" Key="bedroomCheckBox" runat="server">
 2        cc1:MutuallyExclusiveCheckBoxExtender>
 3                               
 4                              
 5               
 6        <cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender2" TargetControlID="CheckBox2" Key="bedroomCheckBox" runat="server">
 7        cc1:MutuallyExclusiveCheckBoxExtender>
 8        <br />
 9        <cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender3" TargetControlID="CheckBox3" Key="doorCheckBox" runat="server">
10        cc1:MutuallyExclusiveCheckBoxExtender>
11        <br />
12        <cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender4" TargetControlID="CheckBox4" Key="doorCheckBox" runat="server">
13        cc1:MutuallyExclusiveCheckBoxExtender>

属性说明:
      TargetControlID:该控件关联的CheckBox。
      Key:这唯一的键用于关联几个CheckBox,从而使这几个CheckBox最多只能有一个选择或不选。

4)按下CTRL+F5,在浏览器中查看该效果。

该效果图如下:

阅读(1071) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~