Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 7 Próxima »

Função


Principais propriedades

NomePropriedadeFunçã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.

SubcomponenteTipoFunção
InserirBotãoAbre o modo de inserção de dados 
EditarBotãoAbre o modo de edição de um dado já existente
AnteriorBotão
PróximoBotão
ExcluirBotãoExclui dados existentes
EnviarBotãoEnvia o que foi feito no modo de inserção/edição
CancelarBotãoCancela o modo de inserção/edição
Campos do formulárioDivEspaç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

Para adicionar campos ao formulário, basta arrastar o componente desejado e soltar dentro da div (Figua 3) quando ela ficar com as arestas tracejadas. 


Figura 3 - Adicionando campo

Configurar campo

Para que o item seja salvo, é necessário vincular a entrada de texto com um campo da fonte de dados. Para isso, selecione no componente Entrada de texto e, na aba Propriedades, no campo Valor clique no ícone de Editar Expressão para abrir a janela de configuração do conteúdo. Selecione a aba Campo de tela (3) e escolha em qual dos campos da fonte de dados (4) será salvo. Repita o procedimento para todos os campos do formulário.


Figura 4.1 - Vinculando campo da fonte a entrada de texto


Por fim, adicione a propriedade apenas leitura para que não seja possível escrever no item quando 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, clique em Exibir mais para exibir todos os campos disponíveis e adicione na propriedade Apenas leitura o conteúdo !datasource.editing && !datasource.inserting. Repita o procedimento para todos os campos do formulário.


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


Compatibilidade

  • Formulário web

Equivalente mobile

Formulário (mobile)


Botão do componente


Imagem no Editor Visual

  • Sem rótulos