Da mesma maneira que o caixa de seleção fixa, esse componente apresenta uma lista de opções para o usuário escolher. No entanto, a diferença fica por conta de que essas opções vêm do banco de dados.
Figura 1 - Caixa de seleção dinâmica
Por exemplo, em uma classe do banco de dados existe um atributo que guarda os nomes das músicas e configurando a caixa de seleção, é possível trazer todos os dados (nesse caso, os nomes das músicas) para fazer a lista de opções.
Menu de configuração
Para realizar configurações na caixa de seleção são feitas através do menu de “...”, que abrirá uma janela que contém 5 abas.
Figura 2 - Menu de configuração da caixa de seleção
Geral
Onde toda a configuração de fonte de dados, tipo de filtragem, definição dos campos, utilização da máscara, entre outros, é feita. Para fazer com que o componente atue de forma correta, o primeiro passo é fazer a conexão com o banco de dados e para realizar tal feito, precisa adicionar uma fonte de dados. Caso exista uma folha de dados na tela em que o componente caixa de seleção dinâmica se encontra, ele irá aparecer na listagem do campo. Caso contrário, nenhuma lista irá aparecer e terá que adicionar através do botão + que fará a abertura de uma janela para configurar a folha de dados.
| Fonte de Dados | determina qual é a tabela a ser utilizada pela caixa de seleção. |
|---|---|
| Tipo Filtro | define a forma como será feita a pesquisa.
|
| Campo Texto | escolhe o atributo que fará a exibição dos dados na caixa de seleção. |
| Campo Valor | escolhe o atributo da tabela que terá seus dados retornados pro sistema a partir da seleção da opção na caixa de seleção. |
| Máscara | define a forma como será apresentado o valor. Apesar de ter uns exemplos prontos, é possível editá-los ou criar um. |
| Rótulo | tem a mesma ideia que um placeholder, basicamente é escrever uma informação que será apresentada na caixa, mas que não irá interferir em nada. Ela só tem o objetivo de auxiliar e é opcional sua utilização. |
| Valor Inicial | determina qual será a primeira entrada de dado na seleção. Esse campo fica disponível quando a opção ao iniciar usar valor do primeiro registro não está marcada. Sua determinação fica a critério do usuário, que pode utilizar blocos de programação, expressão ou o campo de tela. |
| Ao iniciar usar valor do primeiro registro | quando marcada essa opção, irá aparecer na caixa de seleção o primeiro registro adicionado no atributo escolhido. |
| Usar valor primitivo | é o valor default, utilizado quando tinha-se os problemas de integração com os valores dos objetos que eram repassados para a caixa. |
| Alterar cursor ao modificar | coloca o cursor no registro selecionado na caixa de seleção dinâmica. |
Templates
Podendo ser cabeçalho, elemento, valor e/ou rodapé, ele cria uma área para fazer um ajuste na caixa de seleção e para fazê-lo, utiliza-se as tags de HTML.
| Template cabeçalho | Adiciona uma área de cabeçalho na lista de opções, podendo ser um parágrafo, uma imagem estática, etc |
|---|---|
| Template elementos | Mostra uma ação no campo da caixa de seleção independentemente de ter selecionado uma opção da lista. A ação estará em conforme com o que foi escrito em HTML nessa área do template. |
| Template de valor | Mostra uma ação no campo da caixa de seleção após clicar uma opção da lista. A ação estará em conforme com o que foi escrito em HTML nessa área do template. |
| Template rodapé | Adiciona a área de rodapé na lista de opções, podendo ser um parágrafo, uma imagem estática, etc. |