Creazione di caselle di controllo che si escludono a vicenda (VB)

di Christian Wenz

Scaricare il PDF

Quando è possibile selezionare solo un set di opzioni, i pulsanti di opzione vengono in genere usati. C'è uno svantaggio, tuttavia: una volta selezionato un pulsante di opzione in un gruppo, non è possibile deselezionare tutti i pulsanti di opzione. Le caselle di controllo possono essere deselezionate in qualsiasi momento, ma non si escludono a vicenda. Questa esercitazione offre il meglio di entrambi gli approcci: caselle di controllo che si escludono a vicenda.

Informazioni generali

Quando è possibile selezionare solo un set di opzioni, i pulsanti di opzione vengono in genere usati. C'è uno svantaggio, tuttavia: una volta selezionato un pulsante di opzione in un gruppo, non è possibile deselezionare tutti i pulsanti di opzione. Le caselle di controllo possono essere deselezionate in qualsiasi momento, ma non si escludono a vicenda. Questa esercitazione offre il meglio di entrambi gli approcci: caselle di controllo che si escludono a vicenda.

Gradi

Il ASP.NET AJAX Control Toolkit contiene l'extender MutuallyExclusiveCheckBox. In questo modo i programmatori possono assegnare qualsiasi casella di controllo a un nome di gruppo (Key attributo). Da tutte le caselle di controllo all'interno dello stesso gruppo, è possibile selezionarne una sola alla volta.

Iniziamo con l'inserimento di due caselle di controllo in una nuova pagina di ASP.NET. Ci possono essere di più, ma due di esse sono sufficienti a dimostrare il principio:

<asp:CheckBox ID="cbYes" runat="server" />Yes
<asp:CheckBox ID="cbNo" runat="server" />No

Per entrambe le caselle di controllo, nella pagina deve essere inserito un controllo MutuallyExclusiveCheckBoxExtender. Entrambi gli attributi Chiave devono avere lo stesso valore, proprio come gli attributi valore degli elementi del pulsante di opzione HTML devono essere identici a indicare il gruppo a cui appartengono. La proprietà TargetControlID dell'extender punta all'ID della casella di controllo.

<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe1" runat="server"
 TargetControlID="cbYes" Key="YesNo" />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe2" runat="server"
 TargetControlID="cbNo" Key="YesNo" />

Infine, includere il ASP.NET AJAX ScriptManager richiesto da tutti gli elementi di ASP.NET AJAX Control Toolkit:

<asp:ScriptManager ID="asm" runat="server" />

Salvare ed eseguire la pagina: è possibile selezionare e deselezionare entrambe le caselle di controllo, ma in nessun momento è possibile selezionare entrambe le caselle di controllo.

È possibile selezionare una sola casella di controllo alla volta (fare clic per visualizzare l'immagine a dimensione intera)