AJAX Control toolkit - MutuallyExclusiveCheckBox

该控件可以扩展到ASP.NET CheckBox,一组都添加该扩展的复选框只要设置相同的key,那么一次就只有一个复选框能被选中(Checked),类似Radio Button。The use of checkboxes however allows you to choose to uncheck a value which is not possible normally with radio buttons. This also provides a more consistent and expected interface than using javascript to allow the de-selection of a RadioButton item.

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<br />
<table>
<tr>
<td style="width: 163px; height: 30px;">
IS over 25 Years of Age
</td>
<td style="width: 186px; height: 30px;">
IS over 35 Years of Age
</td>
<td style="width: 186px; height: 30px;">
IS over 45 Years of Age
</td>
</tr>
<tr>
<td style="width: 163px">
<asp:CheckBox ID="IsOver25" runat="server" Text="I am over 25 years old." /><br />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="IsOver25Ex" runat="server" TargetControlID="IsOver25"
Key
="AgeChoice" />
</td>
<td style="width: 186px">
<asp:CheckBox ID="IsOver35" runat="server" Text="I am Over 35 years old." /><br />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="IsNotOver35Ex" runat="server"
TargetControlID
="IsOver35" Key="AgeChoice" />
</td>
<td style="width: 186px">
<asp:CheckBox ID="IsOver45" runat="server" Text="I am Over 45 years old." /><br />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="IsNotOver5Ex" runat="server" TargetControlID="IsOver45"
Key
="AgeChoice" />
</td>
</tr>
</table>

 

TargetControlID - The ID of the CheckBox to Modify.

key - The Unique key to use to associate checkboxes.This key does not respect INamingContainer renaming.

  

posted @ 2011-08-11 09:52  January  阅读(237)  评论(0编辑  收藏  举报