Tworzenie wzajemnie wykluczających się pól wyboru (VB)
Autor: Christian Wenz
Gdy można wybrać tylko jeden z zestawów opcji, zwykle są używane przyciski radiowe. Istnieje jednak wada: po wybraniu jednego przycisku radiowego w grupie nie można usunąć zaznaczenia wszystkich przycisków radiowych. Pola wyboru mogą być w dowolnym momencie niezaznaczone, ale nie wykluczają się wzajemnie. Ten samouczek zawiera najlepsze z obu metod: pola wyboru, które wzajemnie się wykluczają.
Omówienie
Gdy można wybrać tylko jeden z zestawów opcji, zwykle są używane przyciski radiowe. Istnieje jednak wada: po wybraniu jednego przycisku radiowego w grupie nie można usunąć zaznaczenia wszystkich przycisków radiowych. Pola wyboru mogą być w dowolnym momencie niezaznaczone, ale nie wykluczają się wzajemnie. Ten samouczek zawiera najlepsze z obu metod: pola wyboru, które wzajemnie się wykluczają.
Kroki
Zestaw narzędzi kontroli AJAX ASP.NET zawiera rozszerzenie WZAJEMNIEExclusiveCheckBox. Umożliwia to programistom przypisanie dowolnego pola wyboru do nazwy grupy (Key atrybutu). We wszystkich polach wyboru w tej samej grupie można jednocześnie wybrać tylko jedno pole wyboru.
Zacznijmy od umieszczenia dwóch pól wyboru na nowej stronie ASP.NET. Może być więcej, ale dwa z nich wystarczy, aby zademonstrować zasadę:
<asp:CheckBox ID="cbYes" runat="server" />Yes
<asp:CheckBox ID="cbNo" runat="server" />No
W przypadku obu pól wyboru kontrolka WzajemnieExclusiveCheckBoxExtender musi zostać umieszczona na stronie. Oba atrybuty klucza muszą mieć taką samą wartość, jak atrybuty wartości elementów przycisku radiowego HTML muszą być identyczne, aby oznaczyć grupę, do której należą. Właściwość TargetControlID rozszerzenia wskazuje identyfikator pola wyboru.
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe1" runat="server"
TargetControlID="cbYes" Key="YesNo" />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe2" runat="server"
TargetControlID="cbNo" Key="YesNo" />
Na koniec dołącz ASP.NET AJAX ScriptManager , która jest wymagana przez wszystkie elementy zestawu narzędzi kontroli AJAX ASP.NET:
<asp:ScriptManager ID="asm" runat="server" />
Zapisz i uruchom stronę: możesz zaznaczyć i usunąć zaznaczenie obu pól wyboru, jednak w żadnym momencie nie można zaznaczyć obu pól wyboru.
Tylko jedno pole wyboru można zaznaczyć jednocześnie (kliknij, aby wyświetlić obraz pełnowymiarowy)
