Tutorial: Formulário Grid Editável (View) em Modal


Neste tutorial, será criado um Formulário Grid Editável (View) em Modal, utilizando a tabela de exemplo “customers” e os seguintes recursos extras:

  • Edição de Campos.
  • Edição em Modal.

Criando um Formulário Grid Editável (View) em Modal


1. Crie uma nova aplicação do tipo Formulário, selecione a opção Grid Editável (View), e em seguida, selecione a tabela de exemplo “customers”.


2. Em seguida, caso deseje uma melhor exibição do formulário, clique na aba “Editar Campos” e altere o nome dos campos, conforme é mostrado na imagem.

Editando os campos do Formulário Grid Editável (View) em Modal


1. Primeiro, acesse o menu da aplicação e selecione a aba “Formatos do Formulário”.


2. Em seguida, selecione a opção “Usar form modal para edição” e mude para “Sim”, conforme é mostrado abaixo.


3. Em seguida, no menu da aplicação, selecione a aba “Posicionamento dos Campos”.


4. Agora, remova todos os campos presentes na aba da direita com exceção de: “companyname”, “contactname”, “contacttitle”, “birthdate” e “creditlimit” como mostra a imagem abaixo.


5. Em seguida, acesse a aba de “Campos” no menu da aplicação e selecione o campo “creditlimit”.


6. Navegue até a sessão de “Formatação dos Valores” e ative a opção “Uso de símbolo monetário”.


7. Finalmente, selecione o botão “Executar Aplicação” na barra de ferramentas para gerar o Formulário.


Após seguir os passos acima, o Formulário ficará desta forma:


Para ver mais exemplos criados usando o Scriptcase, acesse: Exemplos: Sistemas Completos e Aplicações com Scriptcase.

Compartilhe este tutorial

Tutoriais na mesma categoria

Nova opção de Marca d’água

Nova opção para exibir a marca d'água do campo de data dentro do input, disponível para Formul...

Gerenciamento de Arquivos na Nuvem

Alguns dos serviços de armazenamento de dados estão prontos para ler e armazenar com segurança ...

Formulário com label fixo

Esta opção pode ser selecionada nas formas do tipo Registro Múltiplo , Grid Editável e Visualiz...

Formulário de Contato

Neste tutorial, veremos uma aplicação do tipo Formulário de Controle customizado, onde teremos e...

Comente este post