Combo VB.NetBox Controle com EXEMPLO

O que é controle de caixa de combinação?

O controle combobox ajuda você a exibir uma lista suspensa com muitos itens. Veja-o como uma combinação de uma caixa de texto na qual um usuário insere o texto e uma lista suspensa na qual o usuário seleciona um item. Observe que a caixa de combinação mostra um item por vez.

Criando uma caixa de combinação

Uma combinaçãoBox pode ser criado da seguinte forma:

Passo 1) Crie um novo aplicativo.

Passo 2) Arraste um controle de caixa de combinação da caixa de ferramentas para o formulário.

Você terá criado um controle de caixa de combinação.

Adicionando itens ao Combobox

Agora que criamos uma caixa de combinação, vamos demonstrar como adicionar itens a ela.

Double clique no controle combobox que você adicionou. Você será movido da aba design para a aba com código.

Para adicionar um item a um controle combobox, usamos a propriedade Items. Vamos demonstrar isso adicionando dois itens ao combobox, Masculino e Feminino:

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

Também podemos optar por adicionar itens à caixa de combinação em tempo de design na janela Propriedades. Aqui estão as etapas:

Passo 1) Abra a guia Design e clique no controle de caixa de combinação.

Passo 2) Acesse a janela Propriedades e visualize a opção Itens.

Passo 3) Clique nos … localizados à direita de (Coleção).

Passo 4) Uma nova janela será exibida. É aqui que você deve adicionar itens à caixa de combinação, conforme mostrado abaixo:

Passo 5) Depois de terminar com typing Para selecionar os itens, clique no botão OK.

Passo 6) Clique no botão Iniciar na barra de ferramentas superior e clique no ícone suspenso na caixa de combinação.

Os itens foram adicionados com sucesso ao controle combobox.

Selecionando itens da caixa de combinação

Talvez seja necessário definir o item padrão que será selecionado quando o formulário for carregado. Você pode conseguir isso através do método SelectedItem(). Por exemplo, para definir o gênero selecionado padrão como Masculino, você pode usar a seguinte instrução:

ComboBox1.SelectedItem = "Male"

Ao executar o código, o controle combobox deve ficar conforme mostrado abaixo:

Recuperando valores de Combobox

Você pode obter o item selecionado da sua caixa de combinação. Isso pode ser feito usando a propriedade de texto. Vamos demonstrar isso usando a caixa de combinação acima com dois itens, ou seja, Masculino e Feminino. Siga os passos abaixo:

Passo 1) Double Clique na caixa de combinação para abrir a guia com o código VB.Net.

Passo 2) Adicione o seguinte 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

Passo 3) Clique no botão Iniciar na barra de ferramentas para executar o código. Você deverá ver o seguinte formulário:

Passo 4) Clique no botão suspenso e escolha seu gênero. No meu caso, escolhi Masculino e obtive o seguinte resultado:

Aqui está uma captura de tela do código:

Explicação de Code:

1. Criando uma classe chamada Form1. A classe estará acessível publicamente, pois seu modificador de acesso foi definido como Público.
2. Iniciando um subprocedimento chamado ComboBox1_SelectedIndexChanged. Este evento é gerado automaticamente quando você clica duas vezes no controle de caixa de combinação na guia Design. Este subprocedimento será invocado quando você selecionar um item na caixa de combinação. O objeto `sd` referencia o objeto que disparou o evento, enquanto o objeto `evnt` armazena os dados do evento.
3. Criando uma variável do tipo String chamada var_gender.
4. Definir o valor da variável var_gender para o item que está selecionado no combobox.
5. Imprimindo o valor da variável var_gender em uma mensagem.Box.
6. Fim do ComboBox1_SelectedIndexChanged subprocedimento.
7. Fim da classe Form1.

Removendo itens da Combobox

É possível remover um item da sua caixa de combinação. Existem duas maneiras de fazer isso. Você pode usar o índice do item ou o nome do item.

Ao usar o índice do item, você deve usar a propriedade Items.RemoveAt() conforme mostrado abaixo:

ComboBox1.Items.RemoveAt(1)

No exemplo acima, estamos removendo o item localizado no índice 1 do combobox. Observe que os índices da caixa de combinação começam no índice 0, o que significa que o comando acima removerá o segundo item da caixa de combinação.

Para remover o item usando seu nome, você deve usar a propriedade Items.Remove() conforme mostrado abaixo:

ComboBox1.Items.Remove("Female")

O código acima deve remover o item denominado Feminino do ComboBox1.

Fonte de dados vinculativa

Uma combinaçãoBox pode ser preenchido a partir de um conjunto de dados. Considere a consulta SQL fornecida abaixo:

select emp_id, emp_name from employees; 

Você pode criar uma fonte de dados em um programa e usar o seguinte código para vinculá-la:

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

Isso fornecerá uma maneira fácil de preencher seu controle de caixa de combinação com dados sem precisar digitar cada item individual.

Evento SelectedIndexChanged

Muitas vezes, você desejará que seu programa reaja no momento em que o usuário selecionar um novo valor.

Este tipo de evento é invocado quando você altera o item selecionado em seu combobox. É o evento que você deve utilizar quando precisar implementar uma ação mediante uma alteração no item selecionado de um combobox. Vamos demonstrar isso usando um exemplo:

Passo 1) Crie um novo Windows Aplicação de formulários.

Passo 2) Em seguida, você precisa arrastar e soltar dois controles de caixa de combinação no formulário.

Passo 3) Double clique dentro do formulário para abrir a aba para código. Insira o seguinte 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

Passo 4) Clique no botão Iniciar na barra superior para executar o código. Você deverá obter a seguinte saída:

Passo 5) Clique no botão suspenso da primeira caixa de combinação e escolha Masculino. Mova o cursor do mouse para a segunda caixa de combinação e clique no botão suspenso dela. Veja os itens disponíveis:

Passo 6) Vá até a primeira caixa de combinação e escolha FemininoVá para a segunda caixa de combinação e veja os itens disponíveis:

Aqui está uma captura de tela do código:

Explicação de Code:

1. Criando uma classe chamada Form1.
2. Início de um sub-procedimento chamado Form1_Load(). Este será acionado assim que o formulário for carregado. O objeto `sd` referencia o objeto que disparou o evento, enquanto o objeto `evnt` armazena os dados do evento.
3. Adicionando o item Machos ao ComboBox1.
4. Adicionando o item Fêmeas ao ComboBox1.
5. Fim do subprocedimento Form1_Load().
6. Início de um subprocedimento chamado ComboBox1_SelectedIndexChanged(). Isso será invocado quando um item for selecionado no primeiro combobox. O sender As Object faz referência ao objeto que levantou o evento enquanto o e As EventArgs tem os dados do evento.
7. Fazer combinaçãoBox2 vazio, limpe todos os itens dele.
8. Criando uma condição. Verificando se o item selecionado está no ComboBox1 é masculino.
9. Adicione o item Nicholas ao ComboBox2 quando a condição acima for verdadeira, ou seja, item selecionado no ComboBox1 é masculino.
10. Adicione o item John ao ComboBox2 quando a condição acima for verdadeira, ou seja, item selecionado no ComboBox1 é masculino.
11. Criando uma condição. Verificando se o item selecionado está no ComboBox1 é feminino.
12. Adicione o item Alice ao ComboBox2 quando a condição acima for verdadeira, ou seja, item selecionado no ComboBox1 é feminino.
13. Adicione o item Grace ao ComboBox2 quando a condição acima for verdadeira, ou seja, item selecionado no ComboBox1 é feminino.
14. Fim do bloco If.
15. Fim do ComboBoxSubprocedimento 1_SelectedIndexChanged().
16. Fim da aula Form1.

Perguntas Frequentes