Agora, vamos ver como exibir a forma do produto selecionado na lista de produtos. O princípio é simples: o usuário selecionará o produto no controle Looper e exibirá os detalhes por meio de um controle Link.

Vamos modificar "PAGE_List_of_products" para criar um controle Link de modificação:
1. Posicione o cursor na página "Lista de produtos": clique no botão "PAGE_List_of_products" na barra de documentos aberta:
2. No painel "Criação", no grupo "Controles usuais", clique em "Link".
3. Em seguida, clique dentro do controle Looper (canto inferior direito, por exemplo) para criar o controle Link.
4. Altere a legenda do controle de link (pressione Espaço para editar a legenda): a nova legenda é "Modificar".

O controle de link "Modificar" deve abrir "PAGE_Product_form". Vamos abrir esta página por programação.

Selecione o controle de link "Modificar" e exiba os eventos WLanguage associados (F2).

Na janela de código que aparece, escreva o seguinte código no evento "Click (servidor)":

PageDisplay ( PAGE_ Product_form , ATT_ ProductID [ LOOP_ Product ])


	Observação	A entrada de código assistida irá ajudá-lo: assim que você digitar o colchete de abertura "(", uma lista suspensa propõe o nome de todas as páginas existentes encontradas no projeto. Tudo que você precisa fazer é selecionar a página com o teclado ou com o mouse. Se o nome da página solicitada não for encontrado na lista, significa que esta não foi salva anteriormente.

Vamos dar uma olhada neste código WLanguage:

PageDisplay é usado para abrir a página "PAGE_Product_form".

A página aberta espera que o identificador do produto seja exibido como parâmetro. Este identificador corresponde ao identificador do produto selecionado no controle Looper. Para obter o identificador, você deve especificar o atributo que contém o identificador (ATT_ProductID) para a linha atual. Os colchetes são usados para especificar a linha e LOOP_Product é usado para obter a linha atual no controle Looper.


	Observação	Por padrão, ATT_ProductID retorna o valor do atributo para a linha que foi clicada. O código pode ser escrito da seguinte forma: PageDisplay ( PAGE_ Product_form , ATT_ ProductID )

Salve as modificações ( ou Ctrl + S).
Feche a janela de código.

Os diferentes elementos usados para gerenciar a modificação do produto foram implementados, agora vamos fazer um teste para ter certeza de que tudo está funcionando.

Execute o teste do projeto ( Executar teste de projeto

entre os botões de acesso rápido).

O editor pede a primeira página do modo Sessão. No nosso caso, selecione a página "PAGE_List_of_products" e valide.


	Observação	A primeira página do modo Sessão corresponde à primeira página aberta ao iniciar o site no modo Sessão. A primeira página do projeto no modo Sessão pode ser definida: durante o teste do projeto. no painel "Explorador de projetos": basta selecionar a página desejada, abrir o menu pop-up e selecionar "Primeira página do projeto no modo Sessão". Quando você define uma página como a primeira página no modo Sessão, um pequeno "1" vermelho aparece ao lado do nome da página no painel "Explorador de projetos".

O site é iniciado.
Na lista de produtos:
- Clique no link "Modificar".
- A página detalhada do produto é exibida.
- Modifique o preço de um produto e valide.
- O novo preço do produto é exibido na lista de produtos.

Páginas

sexta-feira, 18 de setembro de 2020

DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M

https://youtu.be/bCtPsJ81zTw

Esse Ao Vivo vai estrear as 09:00 do dia 29/09/2020-TER

Nenhum comentário:

Postar um comentário