Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Função

A lista de opções permite que o usuário selecione apenas uma das opções exibidas.


Image RemovedImage Added

Figura 1 - Exemplo do componente rodando no aplicativo

Principais propriedades

Na tabela abaixo estão descritas as principais propriedades para o funcionamento da lista de opção e dos itens dessa lista.

Lista de opção

Nome

Propriedade

Função

identificadoridAtributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.

valor

ng-model

Propriedade AngularJS Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.

identificadorEstilo

id

style

Altera o estilo do componente de forma inline.Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.

Exibir

ng-show

Propriedade AngularJS Angular usada para exibir ou oculta o componente.

Repetircrn-repeatPropriedade 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.

Skincrn-skinPermite selecionar um skin que afetará apenas o componente selecionado.

Classes CSS

class

Adiciona classes CSS já criadas.

Item de opção

Nome

Propriedade

Função

valor de exibição

content

Define o rótulo do item. É possível internacionalizar este conteúdo.

valor do campo

value

Valor Valor que identifica o item selecionado.

identificadoridAtributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
EstilostyleAltera o estilo do componente de forma inline.

Exibir

ng-show

Propriedade AngularJS Angular usada para mostrar ou ocultar o componente.

Repetircrn-repeatPropriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurançacronapp-securityPropriedade 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.
Skincrn-skinPermite selecionar um skin que afetará apenas o componente selecionado.

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

Título

Title

Estiliza o título do componente.

Opção

Option

Estiliza o item de opção do componente.

Item Selecionado

Selected Item

Estiliza o item selecionado no componente.
MarcadorCheckmarkEstiliza o marcador do item selecionado no componente.

Configuração

Adicionar novo item / Remover um item

Para adicionar um novo item, basta clicar no botão "+" (destaque 1 da Figura 2.1).

Image Removed

Figura 2.1 - Adicionando um novo item à lista

Para ), para remover um item, basta clicar no ícone da lixeira que pertencente a esse item (Figura 2.2).

Image Removed


Image Added

Figura 2 .2 - Removendo Adicionando um novo item da à lista

Editar item

Para editar um item basta seleciona-lo na lista clicando sob o item (destaque 1 da Figura 2.31).

Image Removed


Image Added

Figura 2.3 1 - Editando o item

Nome em inglês

Radio Group


Nessa página

Índice
maxLevel3
printablefalse

Compatibilidade

  • Formulário mobile


Equivalente web

Lista de Opção (web)


Botão do Componente

Image Removed

Image Added


Imagem no Editor Visual

Image Removed

Image Added