Esse componente faz a seleção de múltiplas opções dentro da uma lista. Utilizado em situações que o usuário faz a busca para mais de um objeto ou inserir mais informações em um mesmo tipo de campo. Na IDE esse componente faz a seleção das opções para alimentar o banco de dados, sendo a relação entre as classes construídas precisa ser de n-m ou 1-n, para adicionar mais informações do mesmo tipo a um mesmo atributo.
Figura 1.1 - Exemplo de imagem rodando no Browser
Principais propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente.
Principal
Nome
Propriedade
Função
Fonte de dados
crn-datasource
Seleciona uma fonte de dados que estiver presente no formulário html.
Campo chave
xkey-field
Seleciona a coluna da tabela. Esse campo define quais serão os dados dessa tabela que serão enviados ao servidor.
As opções só serão mostradas caso o componente esteja relacionado com uma fonte de dados configurada.
Campo texto
xdisplay-field
Seleciona a coluna da tabela. Esse campo define quais serão os dados dessa tabela que serão exibidos ao usuário.
As opções só serão mostradas caso o componente esteja relacionado com uma fonte de dados configurada.
Valor
ng-model
Propriedade AngularJS que faz a vinculo do componente com o formulário.
Identificador
id
Gera um ID automaticamente para o componente, mas que pode ser alterado.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Segurança
cronapp-security
Abre a janela de seleção dos grupos com permissões para visualização ou edição.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Conteúdo
Nome
Propriedade
Função
Conteúdo
content
Texto que será exibido, podendo ser internacionalizado. Nesse caso, ele é a label do componente.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Segurança
cronapp-security
Abre a janela de seleção dos grupos com permissões para visualização ou edição.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Nome em inglês
Multiselect
Nessa página
Compatibilidade
Formulário mobile
Equivalente web / mobile
O link será adicionado no final, após todos os componentes criados.