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.
Comente este post