Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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. Para saber mais sobre fonte de dados, clique aqui. |
---|---|
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. |