¿Qué es Combobox Control?
El control del cuadro combinado le ayuda a mostrar una lista desplegable con muchos elementos. Véalo como una combinación de un cuadro de texto en el que un usuario ingresa texto y una lista desplegable de la cual un usuario selecciona un elemento. Tenga en cuenta que el cuadro combinado muestra un elemento a la vez.
En este tutorial de Visual Basic, aprenderá,
- ¿Qué es Combobox Control?
- Crear un cuadro combinado
- Agregar elementos al cuadro combinado
- Seleccionar elementos de cuadro combinado
- Recuperar valores de cuadro combinado
- Eliminar elementos del cuadro combinado
- Enlace de origen de datos
- Evento SelectedIndexChanged
Crear un cuadro combinado
Se puede crear un ComboBox de la siguiente manera:
Paso 1) Cree una nueva aplicación.
Paso 2) Arrastre un control de cuadro combinado desde la caja de herramientas al formulario.
Habrá creado un control de cuadro combinado.
Agregar elementos al cuadro combinado
Ahora que hemos creado un cuadro combinado, demostremos cómo agregarle elementos.
Haga doble clic en el control de cuadro combinado que ha agregado. Se le moverá de la pestaña de diseño a la pestaña con el código.
Para agregar un elemento a un control de cuadro combinado, usamos la propiedad Elementos. Demostremos esto agregando dos elementos al cuadro combinado, Masculino y Femenino:
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 del cuadro combinado.
Paso 2) Vaya a la ventana Propiedades y vea la opción Elementos.
Paso 3) Haga clic en el
… 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 icono desplegable en el cuadro combinado.
Los elementos se agregaron correctamente al control de cuadro combinado.
Seleccionar elementos de cuadro combinado
Es posible que deba configurar el elemento predeterminado que se seleccionará cuando se cargue el formulario. Puede lograr esto a través del método SelectedItem (). Por ejemplo, para establecer el género seleccionado predeterminado en Masculino, puede usar la siguiente declaración:
ComboBox1.SelectedItem = "Male"
Cuando ejecuta el código, el control del cuadro combinado debe ser como se muestra a continuación:
Recuperar valores de cuadro combinado
Puede obtener el elemento seleccionado de su cuadro combinado. Esto se puede hacer usando la propiedad text. Demostremos esto usando nuestro cuadro combinado anterior con dos elementos, es decir, masculino y femenino. Siga los pasos que se indican a continuación:
Paso 1) Haga doble clic en el cuadro combinado para abrir la pestaña con el código VB.NET.
Paso 2) Agrega el siguiente código:
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
Paso 3) Haga clic en el botón Inicio de la barra de herramientas para ejecutar el código. Debería obtener el siguiente formulario:
Paso 4) Haga clic en el botón desplegable y elija su género. En mi caso. Elijo Hombre 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. Esto se genera automáticamente cuando hace doble clic en el control del cuadro combinado de la pestaña de diseño. Este subprocedimiento se invocará cuando seleccione un elemento del cuadro combinado. El sd As Object hace referencia al objeto que generó el evento, mientras que el evento As EventArgs tiene los datos del evento.
- Creando un entero de cadena llamado var_gender.
- Establecer el valor de la variable var_gender en el elemento que se selecciona en el cuadro combinado.
- Imprimiendo el valor de la variable var_gender en un MesageBox.
- Fin del subprocedimiento ComboBox1_SelectedIndexChanged.
- Fin de la clase Form1.
Eliminar elementos del cuadro combinado
Es posible que elimine un elemento de su cuadro combinado. Hay dos formas de lograrlo. Puede utilizar el índice de elementos o el nombre del elemento.
Al usar el índice de elementos, debe usar la propiedad Items.RemoveAt () como se muestra a continuación:
ComboBox1.Items.RemoveAt(1)
En el ejemplo anterior, estamos eliminando el elemento ubicado en el índice 1 del cuadro combinado. Tenga en cuenta que los índices del cuadro combinado 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 llamado Mujer del ComboBox1.
Enlace de origen de datos
Un ComboBox se puede completar a partir de un conjunto de datos. Considere la consulta SQL dada 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 manera fácil 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 cambia el elemento seleccionado en su cuadro combinado. Es el evento que debe usar cuando necesite implementar una acción ante un cambio en el elemento seleccionado de un cuadro combinado. Demostremos esto con un ejemplo:
Paso 1) Cree una nueva aplicación de formularios de ventana.
Paso 2) Después de eso, debe arrastrar y soltar dos controles de cuadro combinado en el formulario.
Paso 3) Haga doble clic dentro del formulario para abrir la pestaña de código. Ingrese el siguiente código:
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
Paso 4) Haga clic en el botón Inicio de la barra superior para ejecutar el código. Debería obtener el siguiente resultado:
Paso 5) Haga clic en el botón desplegable en el primer cuadro combinado y elija Hombre. Mueva el cursor del mouse al segundo cuadro combinado y haga clic en su botón desplegable. Ver los artículos disponibles:
Paso 6) Vaya al primer cuadro combinado y elija Mujer. Vaya al segundo cuadro combinado y vea los elementos disponibles:
Aquí hay una captura de pantalla del código:
Explicación del código:
- Creando una clase llamada Form1.
- Inicio de un subprocedimiento denominado Form1_Load (). Esto se activará una vez que se cargue el formulario. El sd As Object hace referencia al objeto que generó el evento, mientras que el sistema As EventArgs tiene los datos del evento.
- Agregar el elemento Males al ComboBox1.
- Agregar el elemento Mujeres al ComboBox1.
- Fin del subprocedimiento Form1_Load ().
- Inicio de un subprocedimiento denominado ComboBox1_SelectedIndexChanged (). Esto se invocará cuando se seleccione un elemento en el primer cuadro combinado. El remitente As Object hace referencia al objeto que generó el evento, mientras que e As EventArgs tiene los datos del evento.
- Haga que ComboBox2 esté vacío, borre todos los elementos de él.
- Creando una condición. Comprobando si el elemento seleccionado en ComboBox1 es Males.
- Agregue el elemento Nicholas al ComboBox2 cuando la condición anterior sea verdadera, es decir, el elemento seleccionado en ComboBox1 es Masculino.
- Agregue el elemento John al ComboBox2 cuando la condición anterior sea verdadera, es decir, el elemento seleccionado en ComboBox1 es Males.
- Creando una condición. Comprobando si el elemento seleccionado en ComboBox1 es Mujeres.
- Agregue el elemento Alice al ComboBox2 cuando la condición anterior sea verdadera, es decir, el elemento seleccionado en ComboBox1 es Mujeres.
- Agregue el elemento Grace al ComboBox2 cuando la condición anterior sea verdadera, es decir, el elemento seleccionado en ComboBox1 es Mujeres.
- Fin del bloque If.
- Fin del subprocedimiento ComboBox1_SelectedIndexChanged ().
- Fin de la clase Form1.
Resumen
- Un ComboBox se crea arrastrándolo desde la caja de herramientas y soltándolo en el formulario.
- Nos proporciona una forma de presentar numerosas opciones al usuario.
- Podemos configurar el elemento predeterminado para que se seleccione en el ComboBox cuando se carga el formulario.
- El evento SelectedIndexChanged nos ayuda a especificar la acción a realizar cuando se selecciona un elemento en particular en el cuadro combinado.