- Criado por Deborah Melo de Carvalho, última alteração em 05/12/2018
Você está vendo a versão antiga da página. Ver a versão atual.
Comparar com o atual Ver Histórico da Página
« Anterior Versão 18 Próxima »
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 é 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 títulos dos animes 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.
Fonte de Dados | determina qual é a tabela a ser utilizada pela caixa de seleção. Para saber mais sobre fonte de dados, clique aqui. 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. |
---|---|
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. Caso ainda possua duvidas, esse pode ajudá-lo. |
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, que é mostrar um texto enquanto o conteúdo estiver vazio. No entanto, ele pode ser selecionado caso não queria fazer a seleção de nenhuma das opções da lista e isso faz com que nenhum campo valor seja retornado. |
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 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 no início da lista de opções, podendo ser um texto, uma imagem, etc. |
---|---|
Template rodapé | adiciona uma área no fim da lista de opções, podendo ser um text, uma imagem, etc. |
- Sem rótulos