AJAX ControlToolkit學習日誌-MutuallyExclusiveCheckBoxExtender(17)

         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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 3        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 4        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Don't<br />
 5        <br />
 6        <asp:CheckBox ID="CheckBox1" Text="bedroom" runat="server" />
 7        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 8        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
 9        <asp:CheckBox ID="CheckBox2" Text="bedroom" runat="server" />
10        <br />
11        <br />
12        <asp:CheckBox ID="CheckBox3" runat="server" Text="door" />
13        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
14        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
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        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 4        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 5        &nbsp; &nbsp; &nbsp; &nbsp;
 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,在瀏覽器中查看該效果。

該如下：