A caixa de seleção dinâmica é um componente do tipo combobox que exibe seu conteúdo a partir de uma fonte de dados.
A forma como o componente é renderizado varia com o sistema operacional usado: no Android a aplicação é escurecida e é exibido uma caixa de opções (Figura 1), já no iOS a caixa sobreposta possui um efeito visual de rolagem (Figura 1.1).
Não é possível utilizar a mesma fonte de dados para dois componentes na mesma tela.
Exemplo: Duas fontes do tipo User para duas grades na mesma view.
Figura 1 - Exemplo do componente rodando no Android
Figura 1.1 - Exemplo do componente rodando no iOS
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Propriedade
Função
Fonte de dados
crn-datasource
Seleciona uma das fonte de dados presentes no formulário.
Título
content
Define o rótulo inicial do componente.
Valor
ng-model
Propriedade Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.
Campo Chave
xkey-field
Selecione um dos campos da fonte de dados que será o identificador da opção.
As opções só serão exibidas após a seleção do campo Fonte de dados.
Campo Texto
xdisplay-field
Selecione um dos campos da fonte de dados que será exibido para o usuário.
As opções só serão exibidas após a seleção do campo Fonte de dados.
Identificador
id
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Estilo
style
Altera o estilo do componente da forma inline.
Exibir
ng-show
Propriedade Angular usada para mostrar ou oculta o componente.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurança
cronapp-security
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Aba de Estilos
Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente Caixa de seleção.
Nome em português
Nome em inglês
Descrição
Plano de fundo do Título
Title background
Estiliza o plano de fundo no título do componente.