Versões comparadas

Chave

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

Função

A lista de opções é usada quando se deseja selecionar apenas uma opção dentre outras apresentadas.

Figura 1 - Exemplo do componente rodando no simulador

Principais propriedades

Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente. Estão descritos tanto para a funcionalidade da lista de opção em si quanto para os itens dessa lista.

Lista de opção

Nome

Propriedade

Função

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.

Parâmetros de tela

screen-params


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.

Item de opção

Nome

Propriedade

Função

valor de exibição

content

Esse campo define o texto que é exibido ao usuário.

valor do campo

value

Esse campo define o valor que é enviado ao servidor quando o item é selecionado.

Exibir

ng-show

Propriedade AngularJS usada para mostrar ou oculta o componente.

Parâmetros de tela

screen-params


Segurança

cronapp-security

Abre a janela de seleção dos grupos com permissões para visualização ou edição.

Configuração

Adicionar novo item / Remover um item

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

Figura 2.1 - Adicionando um novo item à lista

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

Figura 2.2 - Removendo um item da lista

Editar item

Para editar um item basta somente seleciona-lo na lista (Figura 2.3).

Figura 2.3 - Editando o item

Nome em inglês

Radio Group

Nessa página

Índice
maxLevel3
printablefalse

Compatibilidade

  • Formulário mobile


Equivalente

web / mobile

mobile

Lista de Opção (web)O link será adicionado no final, após todos os componentes criados.


Botão do Componente


Imagem no Editor Visual