Qu'est-ce que Combobox Control?
Le contrôle combobox vous aide à afficher une liste déroulante avec de nombreux éléments. Considérez-le comme une combinaison d'une zone de texte dans laquelle un utilisateur entre du texte et d'une liste déroulante dans laquelle un utilisateur sélectionne un élément. Notez que la zone de liste déroulante affiche un élément à la fois.
Dans ce didacticiel Visual Basic, vous apprendrez,
- Qu'est-ce que Combobox Control?
- Créer une zone de liste déroulante
- Ajouter des éléments à la liste déroulante
- Sélection des éléments de la zone de liste déroulante
- Récupération des valeurs de combobox
- Suppression des éléments de la zone de liste déroulante
- Liaison DataSource
- Événement SelectedIndexChanged
Créer une zone de liste déroulante
Un ComboBox peut être créé comme suit:
Étape 1) Créez une nouvelle application.
Étape 2) Faites glisser un contrôle combobox de la boîte à outils vers le formulaire.
Vous aurez créé un contrôle combobox.
Ajouter des éléments à la liste déroulante
Maintenant que nous avons créé une liste déroulante, montrons comment y ajouter des éléments.
Double-cliquez sur le contrôle combobox que vous avez ajouté. Vous serez déplacé de l'onglet de conception vers l'onglet avec le code.
Pour ajouter un élément à un contrôle combobox, nous utilisons la propriété Items. Démontrons cela en ajoutant deux éléments à la liste déroulante, Homme et Femme:
ComboBox1.Items.Add("Male")ComboBox1.Items.Add("Female")
Nous pouvons également choisir d'ajouter des éléments à la liste déroulante au moment du design à partir de la fenêtre Propriétés. Voici les étapes:
Étape 1) Ouvrez l'onglet de conception et cliquez sur le contrôle de la zone de liste déroulante.
Étape 2) Accédez à la fenêtre Propriétés et affichez l'option Éléments.
Étape 3) Cliquez sur le
… Situé à droite de (Collection).
Étape 4) Vous verrez une nouvelle fenêtre. C'est ici que vous devez ajouter des éléments à la liste déroulante, comme indiqué ci-dessous:
Étape 5) Une fois la saisie des éléments terminée, cliquez sur le bouton OK.
Étape 6) Cliquez sur le bouton Démarrer dans la barre d'outils supérieure et cliquez sur l'icône de liste déroulante sur la zone de liste déroulante.
Les éléments ont été ajoutés avec succès au contrôle de zone de liste déroulante.
Sélection des éléments de la zone de liste déroulante
Vous devrez peut-être définir l'élément par défaut qui sera sélectionné lors du chargement du formulaire. Vous pouvez y parvenir via la méthode SelectedItem (). Par exemple, pour définir le sexe sélectionné par défaut sur Homme, vous pouvez utiliser l'instruction suivante:
ComboBox1.SelectedItem = "Male"
Lorsque vous exécutez le code, le contrôle combobox doit être comme indiqué ci-dessous: When you run the code, the combobox control should be as shown below:
Récupération des valeurs de combobox
Vous pouvez obtenir l'élément sélectionné à partir de votre liste déroulante. Cela peut être fait en utilisant la propriété text. Laissez-nous démontrer cela en utilisant notre liste déroulante ci-dessus avec deux éléments qui est, Homme et Femme. Suivez les étapes ci-dessous:
Étape 1) Double-cliquez sur la liste déroulante pour ouvrir l'onglet avec le code VB.NET.
Étape 2) Ajoutez le code suivant:
Public Class Form1Private Sub ComboBox1_SelectedIndexChanged(sd As Object, evnt As EventArgs) Handles ComboBox1.SelectedIndexChangedDim var_gender As Stringvar_gender = ComboBox1.TextMessageBox.Show(var_gender)End SubEnd Class
Étape 3) Cliquez sur le bouton Démarrer de la barre d'outils pour exécuter le code. Vous devriez obtenir le formulaire suivant:
Étape 4) Cliquez sur le bouton déroulant et choisissez votre sexe. Dans mon cas. Je choisis Male et j'obtiens ce qui suit:
Voici une capture d'écran du code:
Explication du code:
- Création d'une classe nommée Form1. La classe sera accessible publiquement puisque son modificateur d'accès a été défini sur Public.
- Démarrage d'une sous-procédure nommée ComboBox1_SelectedIndexChanged. Cela est généré automatiquement lorsque vous double-cliquez sur le contrôle de la zone de liste déroulante dans l'onglet Conception. Cette sous-procédure sera appelée lorsque vous sélectionnez un élément dans la zone de liste déroulante. Le sd As Object fait référence à l'objet qui a déclenché l'événement tandis que l'événement As EventArgs a les données d'événement s.
- Création d'un entier de chaîne nommé var_gender.
- Définition de la valeur de la variable var_gender sur l'élément sélectionné dans la zone de liste déroulante.
- Impression de la valeur de la variable var_gender sur une MesageBox.
- Fin de la sous-procédure ComboBox1_SelectedIndexChanged.
- Fin de la classe Form1.
Suppression des éléments de la zone de liste déroulante
Il vous est possible de supprimer un élément de votre liste déroulante. Il existe deux façons d'accomplir cela. Vous pouvez utiliser l'index de l'élément ou le nom de l'élément.
Lorsque vous utilisez l'index d'élément, vous devez utiliser la propriété Items.RemoveAt () comme indiqué ci-dessous:
ComboBox1.Items.RemoveAt(1)
Dans l'exemple ci-dessus, nous supprimons l'élément situé à l'index 1 de la zone de liste déroulante. Notez que les index combobox commencent à l'index 0, ce qui signifie que la commande ci-dessus supprimera le deuxième élément de la combobox.
Pour supprimer l'élément en utilisant son nom, vous devez utiliser la propriété Items.Remove () comme indiqué ci-dessous:
ComboBox1.Items.Remove("Female")
Le code ci-dessus doit supprimer l'élément nommé Female de ComboBox1.
Liaison DataSource
Une zone de liste déroulante peut être remplie à partir d'un ensemble de données. Considérez la requête SQL ci-dessous:
select emp_id, emp_name from employees;
Vous pouvez créer une source de données dans un programme, puis utiliser le code suivant pour la lier:
comboBox1.DataSource = ds.Tables(0)comboBox1.ValueMember = "emp_id"comboBox1.DisplayMember = "emp_name"
Cela vous fournira un moyen facile de remplir votre contrôle combobox avec des données sans avoir à taper chaque élément individuel.
Événement SelectedIndexChanged
Ce type d'événement est appelé lorsque vous modifiez l'élément sélectionné dans votre liste déroulante. C'est l'événement que vous devez utiliser lorsque vous devez implémenter une action lors d'un changement sur l'élément sélectionné d'une zone de liste déroulante. Démontrons cela à l'aide d'un exemple:
Étape 1) Créez une nouvelle application Window Forms.
Étape 2) Après cela, vous devez faire glisser et déposer deux contrôles de zone de liste déroulante dans le formulaire.
Étape 3) Double-cliquez à l'intérieur du formulaire pour ouvrir l'onglet du code. Entrez le code suivant:
Public Class Form1Private Sub Form1_Load(sd As Object, evnt As EventArgs) Handles MyBase.LoadComboBox1.Items.Add("Males")ComboBox1.Items.Add("Females")End SubPrivate Sub ComboBox1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ComboBox1.SelectedIndexChangedComboBox2.Items.Clear()If ComboBox1.SelectedItem = "Males" ThenComboBox2.Items.Add("Nicholas")ComboBox2.Items.Add("John")ElseIf ComboBox1.SelectedItem = "Females" ThenComboBox2.Items.Add("Alice")ComboBox2.Items.Add("Grace")End IfEnd SubEnd Class
Étape 4) Cliquez sur le bouton Démarrer de la barre supérieure pour exécuter le code. Vous devriez obtenir la sortie suivante:
Étape 5) Cliquez sur le bouton déroulant de la première liste déroulante et choisissez Homme. Déplacez le curseur de la souris sur la deuxième zone de liste déroulante et cliquez sur son bouton déroulant. Voir les articles disponibles:
Étape 6) Accédez à la première zone de liste déroulante et choisissez Femme. Passez à la deuxième zone de liste déroulante et voyez les éléments disponibles:
Voici une capture d'écran du code:
Explication du code:
- Création d'une classe nommée Form1.
- Début d'une sous-procédure nommée Form1_Load (). Cela sera déclenché une fois le formulaire chargé. L'objet sd As fait référence à l'objet qui a déclenché l'événement tandis que le système As EventArgs a les données d'événement.
- Ajout de l'élément Males au ComboBox1.
- Ajout de l'élément Females au ComboBox 1.
- Fin de la sous-procédure Form1_Load ().
- Début d'une sous-procédure nommée ComboBox1_SelectedIndexChanged (). Ceci sera appelé lorsqu'un élément est sélectionné sur la première zone de liste déroulante. L'expéditeur As Object fait référence à l'objet qui a déclenché l'événement tandis que l'e As EventArgs possède les données d'événement.
- Rendre ComboBox2 vide, effacez tous les éléments de celui-ci.
- Créer une condition. Vérifier si l'élément sélectionné sur ComboBox1 est Males.
- Ajoutez l'élément Nicholas au ComboBox2 lorsque la condition ci-dessus est vraie, c'est-à-dire que l'élément sélectionné sur ComboBox1 est Male.
- Ajoutez l'élément John au ComboBox2 lorsque la condition ci-dessus est vraie, c'est-à-dire que l'élément sélectionné sur ComboBox1 est Males.
- Créer une condition. Vérifier si l'élément sélectionné sur ComboBox1 est Femelle.
- Ajoutez l'élément Alice au ComboBox2 lorsque la condition ci-dessus est vraie, c'est-à-dire que l'élément sélectionné sur ComboBox1 est Females.
- Ajoutez l'élément Grace au ComboBox2 lorsque la condition ci-dessus est vraie, c'est-à-dire que l'élément sélectionné sur ComboBox1 est Females.
- Fin du bloc If.
- Fin de la sous-procédure ComboBox1_SelectedIndexChanged ().
- Fin de la classe Form1.
Résumé
- Un ComboBox est créé en le faisant glisser depuis la boîte à outils et en le déposant dans le formulaire.
- Il nous permet de présenter de nombreuses options à l'utilisateur.
- Nous pouvons définir l'élément par défaut à sélectionner sur la zone de liste déroulante lorsque le formulaire est chargé.
- L'événement SelectedIndexChanged nous aide à spécifier l'action à entreprendre lorsqu'un élément particulier est sélectionné dans la zone de liste déroulante.