Função
Principais propriedades
| Nome | Propriedade | Função |
|---|---|---|
Exibir | ng-show | Propriedade AngularJS usada para mostrar ou oculta o componente. |
Fonte de dados | crn-datasource | Seleciona uma fonte de dados que já foi previamente criado no formulário. |
Repetir | ng-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 | 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. |
Subcomponentes
O componente Formulário (web) é formado oito subcomponentes agrupados: seis botões e uma div. Cada um possui uma função que vem configurada no componente. Para selecionar cada um de forma individual não é necessário desagrupá-los, basta clicar no subcomponente desejado.
| Subcomponente | Tipo | Função |
|---|---|---|
| Inserir | Botão | Abre o modo de inserção de dados |
| Editar | Botão | Abre o modo de edição de um dado já existente |
| Anterior | Botão | |
| Próximo | Botão | |
| Excluir | Botão | Exclui dados existentes |
| Enviar | Botão | Envia o que foi feito no modo de inserção/edição |
| Cancelar | Botão | Cancela o modo de inserção/edição |
| Campos do formulário | Div | Espaço para adicionar campos do formulário. |
Como usar
Vincular fonte de dados
Primeiro é feito a adição e configuração do componente fonte de dados no formulário. Em seguida, selecione o componente Formulário e, na aba de Propriedades, vincule a fonte no campo Fonte de dados.
Figura 2 - Vinculando fonte de dados
Adicionar campo
Figura 3 - Adicionando campo
Configurar campo
Figura 4.1 - Vinculando campo da fonte a entrada de texto
Adicione a propriedade apenas leitura quando o item não estiver em modo de inserção ou edição. Para isso, selecione a entrada de texto, desagrupe-a e selecione apenas o input. Na aba de Propriedades do input, adicione na propriedade Apenas leitura o conteúdo !datasource.editing && !datasource.inserting.
Figura 4.2 - Restringindo o campo para apenas leitura quando não estiver em modo de edição
Nome em inglês
Form
Nesta página
| Índice |
|---|
Compatibilidade
- Formulário web
Equivalente mobile
Formulário (mobile)
Botão do componente
Imagem no Editor Visual
