Tutorial: Mestre-Detalhe (Único-para-Único)

Neste exemplo será desenvolvido uma aplicação Mestre/Detalhe completa, onde obteremos um formulário de edição de categorias e produtos daquela categoria.


Para construir esta aplicação serão criados dois formulários “Único Registro”. O primeiro baseado na tabela categories, que será nossa aplicação Mestre, e o segundo formulário será baseado na tabela products que fará o papel de aplicação Detalhe.

Criando o formulário Detalhe

1. Crie uma nova aplicação do tipo formulário simples baseado na tabela products.

2. No menu de aplicação acesse a pasta Layout e clique no item Blocos.


3. Crie 1 novo bloco e altere as configurações dos blocos de acordo com a imagem em anexo.


4. No menu de aplicação acesse o item Posicionamento dos Campos.


5. Remova os campos desnecessários e organize-os nos blocos de acordo com a imagem abaixo.


6. Gere o código fonte do formulário detalhe. Para isto clique no botão Gerar Código Fonte na barra de ferramentas do ScriptCase.


Criando o formulário Mestre

7. Crie uma nova aplicação do tipo formulário simples baseado na tabela categories.

8. No menu de aplicação acesse a pasta Layout e clique no item Blocos.


9. Crie 2 novos blocos e altere as configurações dos blocos de acordo com a imagem em anexo.


Criando a ligação entre o formulário Mestre e o Detalhe.

10. No menu de aplicação acesse a pasta Mestre/Detalhes e clique no item Novo Mestre/Detalhe


11. Nas propriedades Nome e Label informe products e clique em Criar.


12. Selecione o formulário detalhe e clique no botão Prosseguir.


13. Na próxima etapa do wizard faça a ligação relacionando os campos categoryid dos dois formulários. Para finalizar clique no botão Salvar.


Pronto, o formulário Mestre/Detalhe já está criado, mas agora vamos organizar os campos nos blocos do formulário Mestre

14. No menu de aplicação acesse o item Posicionamento dos Campos.


15. Remova os campos desnecessários e organize-os nos blocos de acordo com a imagem abaixo.


16. Execute a aplicação Mestre através do botão na barra de ferramentas do ScriptCase.


Tutoriais na mesma categoria

Campos de Assinatura digital, Rating, Select2 e Switch/Slider

Este exemplo demonstra os campos do formulário adicionados na versão 9.2 do Scriptcase: Assinatur...

Formulário com campos especiais

Neste exemplo, vamos mostrar como configurar alguns campos especiais no Scriptcase, na aplicação f...

Geração de PDF em Formulários

Neste exemplo veremos como configurar a aplicação de formulário para exibir o botão de impres...

Formulário com Responsividade Mobile

As aplicações agora têm adaptação à ambientes mobile, sendo assim, o usuário pode acessar ...

Comente este post