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


Bom Dia Boa Tarde Boa Noite

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

DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M
Lesson 3.3. Pages for addition and modification


ASSUNTOS

Exibindo o formulário da lista de produtos
formulario PAGE_LISTA_PRODUTOS
criar o controle Link
Posicionar o link no looper no canto direito
Colocar o codigo para chamar a pagina
PageDisplay(PAGE_FORMULARIO_DO_PRODUTO,ATT_ProductID)
TESTAR PARA VER SE A ALTERACAO ESTA FUNCIONANDO
MOSTRANDO COMO DEIXAR A PAGINA LISTA PRODUTO COMO SENDO A PAGINA INICIAL


======================


// CLICK ON LINK_MODIFICAR ( LOOP_PRODUCT ) ( SERVER ) 

PageDisplay(PAGE_FORMULARIO_DO_PRODUTO,ATT_ProductID)

======================

DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B








PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos












Exibindo o formulário da lista de produtos

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:
      Abrir barra de documentos
    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.
      Posicionando o controle do 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.
    1. Selecione o controle de link "Modificar" e exiba os eventos WLanguage associados (F2).
    2. 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.
    3. 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 )
    4. Salve as modificações ( Salve o elementoou Ctrl + S).
    5. 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 projetoentre os botões de acesso rápido).
    1. 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".
    2. O site é iniciado.
    3. Na lista de produtos:
      • Clique no link "Modificar".
      • A página detalhada do produto é exibida.
        Página de detalhes do produto
      • Modifique o preço de um produto e valide.
      • O novo preço do produto é exibido na lista de produtos.
  • Fe




Nenhum comentário:

Postar um comentário

Teste

Teste
teste