Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
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.
Image Removed
, com isso é possível vincular vários itens a um registro em relacionamentos "1 para N" ou "N para M". As opções aparecerão em popup, devendo o usuário selecionar as desejadas.
Image Added
Figura 1 - Exemplo da Seleção Múltipla sendo executada Figura 1 - Exemplo de imagem rodando no Android
Principais propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente. A parte principal é referente ao componente em si e as opções enquanto o conteúdo é referente a label do componente.
Nome | Propriedade | Função | Principal|
---|---|---|---|
Fonte de dados | crn-datasource | Seleciona uma fonte de dados que estiver presente no na área de edição do formulário html. | |
Campo chaveChave | xkey-field | Seleciona a um coluna da tabela da fonte Fonte de dados selecionada. Esse campo define quais serão os dados dessa tabela que serão enviados ao especifica qual coluna fornecerá os os dados a serem enviados para o servidor. | |
Campo textoTexto | xdisplay-field | Seleciona a um coluna da tabela da fonte Fonte de dados selecionada. Esse campo define quais serão os dados dessa tabela que serão especifica qual coluna fornecerá os itens exibidos ao usuário. | |
Título | content | Texto que será exibido, podendo ser internacionalizado. Nesse caso, ele é a label do componente. | |
Valor | ng-model | Propriedade AngularJS Angular que faz a o vinculo do componente com o formulário, permitindo interagir com as chaves dos itens selecionados. | |
Identificador | id | Gera Atributo que especifica um ID automaticamente para o componente, mas que pode ser alteradoexclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. | |
Estilo | style | Altera o estilo geral do componente da forma inline. | |
Exibir | ng-show | Propriedade AngularJS Angular usada para mostrar ou oculta ocultar 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 | Abre a janela de seleção dos grupos com permissões para visualização ou edição. | |
Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. | |
Classes CSS | class | Adiciona classes CSS que já foram criadas. | |
Conteúdo | 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. | |
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 | Abre a janela de seleção dos grupos com permissões para visualização ou edição. | |
Aba de Estilos
Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente.
Nome em português | Nome em inglês | Descrição | |||
---|---|---|---|---|---|
Plano de fundo | Background | Estiliza o plano de fundo do componente. | |||
Título | Title | Estiliza o título do componente. | |||
Item selecionado | Selected item | Estiliza a região de seleção de itens. | Classes CSS | class | Adiciona classes CSS que já foram criadas.
Nome em inglês
Multiselect
Nessa página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário mobile
Equivalente web
Botão do Componente
Image Modified
Imagem no Editor Visual
Image Modified