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, 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 Modified
Figura 1 - Exemplo da Seleção Múltipla sendo executada no Android
Principais propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função | |
---|---|---|---|
Fonte de dados | crn-datasource | Seleciona uma fonte de dados que estiver presente na área de edição do formulário. | |
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 exibidos ao usuárioespecifica 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 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