Combinación VB.NetBox Controlar con EJEMPLO

¿Qué es el control Combobox?

El control de cuadro combinado le ayuda a mostrar una lista desplegable con muchos elementos. Considérelo como una combinación de un cuadro de texto en el que un usuario ingresa texto y una lista desplegable de la que un usuario selecciona un elemento. Tenga en cuenta que el cuadro combinado muestra un elemento a la vez.

Creando un cuadro combinado

Una combinaciónBox se puede crear de la siguiente manera:

Paso 1) Crear una nueva aplicación.

Paso 2) Arrastre un control de cuadro combinado desde la caja de herramientas al formulario.

Habrás creado un control de cuadro combinado.

Agregar elementos al cuadro combinado

Ahora que hemos creado un cuadro combinado, demostremos cómo agregarle elementos.

Double Haga clic en el control de cuadro combinado que ha añadido. Pasará de la pestaña de diseño a la pestaña con código.

Para agregar un elemento a un control de cuadro combinado, utilizamos la propiedad Items. Demostremos esto agregando dos elementos al cuadro combinado, Male y Female:

ComboBox1.Items.Add("Male")
ComboBox1.Items.Add("Female")

También podemos optar por agregar elementos al cuadro combinado en tiempo de diseño desde la ventana Propiedades. Estos son los pasos:

Paso 1) Abra la pestaña de diseño y haga clic en el control de cuadro combinado.

Paso 2) Vaya a la ventana Propiedades y vea la opción Elementos.

Paso 3) Haga clic en... ubicado a la derecha de (Colección).

Paso 4)Verá una nueva ventana. Aquí es donde debe agregar elementos al cuadro combinado, como se muestra a continuación:

Paso 5) Una vez que haya terminado de escribir los elementos, haga clic en el botón Aceptar.

Paso 6) Haga clic en el botón Inicio de la barra de herramientas superior y haga clic en el ícono desplegable en el cuadro combinado.

Los elementos se agregaron correctamente al control del cuadro combinado.

Seleccionar elementos del cuadro combinado

Es posible que necesites configurar el elemento predeterminado que se seleccionará cuando se cargue el formulario. Puedes lograrlo mediante el método SelectedItem(). Por ejemplo, para configurar el género seleccionado predeterminado como Masculino, puedes usar la siguiente declaración:

ComboBox1.SelectedItem = "Male"

Al ejecutar el código, el control del cuadro combinado debería verse como se muestra a continuación:

Recuperación de valores de cuadros combinados

Puede obtener el elemento seleccionado de su cuadro combinado. Esto se puede hacer mediante la propiedad de texto. Demostremos esto utilizando nuestro cuadro combinado anterior con dos elementos, es decir, Masculino y Femenino. Siga los pasos que se indican a continuación:

Paso 1) Double Haga clic en el cuadro combinado para abrir la pestaña con VB.NET código.

Paso 2) Agrega el siguiente código:

Public Class Form1
    Private Sub ComboBox1_SelectedIndexChanged(sd As Object, evnt As EventArgs) Handles ComboBox1.SelectedIndexChanged

        Dim var_gender As String

        var_gender = ComboBox1.Text

        MessageBox.Show(var_gender)
		
    End Sub
End Class

Paso 3) Haga clic en el botón Iniciar de la barra de herramientas para ejecutar el código. Debería aparecer el siguiente formulario:

Paso 4) Haz clic en el botón desplegable y elige tu género. En mi caso, elijo Masculino y obtengo lo siguiente:

Aquí hay una captura de pantalla del código:

Explicación del código:

Creando una clase llamada Form1. La clase será de acceso público ya que su modificador de acceso se ha establecido en Público.
Inicio de un subprocedimiento denominado ComboBox1_SelectedIndexChanged. Se genera automáticamente cuando hace doble clic en el control de cuadro combinado desde la pestaña de diseño. Este subprocedimiento se invocará cuando seleccione un elemento del cuadro combinado. El objeto sd As Object hace referencia al objeto que generó el evento, mientras que el objeto event As EventArgs tiene los datos del evento s.
Creando una cadena entera llamada var_gender.
Establecer el valor de la variable var_gender al elemento que está seleccionado en el cuadro combinado.
Imprimir el valor de la variable var_gender en un MesageBox.
Fin del comboBox1_Subprocedimiento SelectedIndexChanged.
Fin de la clase Form1.

Eliminar elementos del cuadro combinado

Es posible eliminar un elemento de su cuadro combinado. Hay dos formas de hacerlo: puede utilizar el índice del elemento o el nombre del elemento.

Cuando utilice el índice de elementos, debe utilizar la propiedad Items.RemoveAt() como se muestra a continuación:

ComboBox1.Items.RemoveAt(1)

En el ejemplo anterior, eliminamos el elemento ubicado en el índice 1 del cuadro combinado. Tenga en cuenta que los índices de los cuadros combinados comienzan en el índice 0, lo que significa que el comando anterior eliminará el segundo elemento del cuadro combinado.

Para eliminar el elemento usando su nombre, debe usar la propiedad Items.Remove() como se muestra a continuación:

ComboBox1.Items.Remove("Female")

El código anterior debería eliminar el elemento denominado Mujer del comboBox1.

Fuente de datos vinculante

Una combinaciónBox se puede completar a partir de un conjunto de datos. Considere la consulta SQL que se proporciona a continuación:

select emp_id, emp_name from employees;

Puede crear una fuente de datos en un programa y luego usar el siguiente código para vincularla:

comboBox1.DataSource = ds.Tables(0)
comboBox1.ValueMember = "emp_id"
comboBox1.DisplayMember = "emp_name"

Esto le proporcionará una forma sencilla de completar su control de cuadro combinado con datos sin tener que escribir cada elemento individual.

Evento SelectedIndexChanged

Este tipo de evento se invoca cuando se cambia el elemento seleccionado en el cuadro combinado. Es el evento que se debe utilizar cuando se necesita implementar una acción tras un cambio en el elemento seleccionado de un cuadro combinado. Demostremos esto mediante un ejemplo:

Paso 1) Cree una nueva aplicación de formularios de ventana.

Paso 2) Después de eso necesitas Arrastre y suelte dos controles de cuadro combinado en el formulario.

Paso 3) Double Haga clic dentro del formulario para abrir la pestaña de código. Ingrese el siguiente código:

Public Class Form1
    Private Sub Form1_Load(sd As Object, evnt As EventArgs) Handles MyBase.Load

        ComboBox1.Items.Add("Males")

        ComboBox1.Items.Add("Females")

    End Sub

    Private Sub ComboBox1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ComboBox1.SelectedIndexChanged

        ComboBox2.Items.Clear()

        If ComboBox1.SelectedItem = "Males" Then

            ComboBox2.Items.Add("Nicholas")

            ComboBox2.Items.Add("John")

        ElseIf ComboBox1.SelectedItem = "Females" Then

            ComboBox2.Items.Add("Alice")

            ComboBox2.Items.Add("Grace")

        End If
    End Sub
End Class

Paso 4) Haga clic en el botón Iniciar de la barra superior para ejecutar el código. Debería obtener el siguiente resultado:

Paso 5) Haga clic en el botón desplegable del primer cuadro combinado y seleccione Hombre. Mueva el cursor del mouse al segundo cuadro combinado y haga clic en su botón desplegable. Vea los elementos disponibles:

Paso 6) Vaya al primer cuadro combinado y elija Mujer. Vaya al segundo cuadro combinado y vea los elementos disponibles: