sexta-feira, 25 de setembro de 2020

DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G


https://youtu.be/P6ckmThiF-o



Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 09:00 do dia 02/10/2020-SEX

DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

Explicando Visualizando os detalhes de um novo produto
CRIAR PAGINA PRODUTOS DETALHES 
MUDANDO PAGINA PARA AWP 
LIMPANDO OS CONTROLES COM CTRL+A E DEL
O QUE ESATA PAGINA DEVE FAZER 
CRIADO GLOBAL DECLARATION gnPRODUTO_ID is 8-byte int
EXPLICANDO A DECLARACAO 
EXPLICANDO PROXIMA LICAO - CRIANDO CONTROLES 


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





ErpMatos - TgsSistemas
skype:amarildo.matos.informatica
email: amarildo.matos@gmail.com
whats: 51984197742
Youtube: Amarildo Matos
http://www.amarildomatos.com.br
https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com
https://www.pcsoft.fr/webinaires.htm?p=forumpcs
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
https://www.windev.com/windev/WD-Express.htm
https://www.windev.com/windevmobile/WM-Express.htm
http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html


Visualizando os detalhes de um novo produto
Exibir a lista de novos produtos é uma coisa boa. Agora vamos criar uma página de "formulário" para ver os detalhes do produto. Esta página será exibida quando o usuário da Web clicar no link que exibe o nome do produto no controle Looper.

Criação da página

  • Para criar uma página usada para exibir os detalhes do produto:
    1. Crie uma nova página.
      • Clique Crie um elementoentre os botões de acesso rápido.
      • A janela para a criação do elemento é exibida: clique em "Página" e depois em "Página".
      • O assistente de criação de página é iniciado.
      • Na seção "Baseado em um modelo de projeto", escolha "PAGETPL_Single" e conclua o assistente.
    2. A janela para salvar a página é exibida. Digite o título: "Detalhes do produto". O nome ("PAGE_Product_details") é proposto automaticamente.
    3. Validar.
  • Assim como a página usada para listar novos produtos, esta página deve ser gerada no modo AWP:
    1. Exiba a janela de descrição da página (selecione "Descrição" no menu pop-up).
    2. Na área "Tipo de página", selecione o modo "AWP".
      Mudando o tipo de página
    3. Validar.
    4. Salve as modificações ( Salvar um elementoou Ctrl + S).

O que esta página deve fazer?

Esta página tem como objetivo exibir as características do produto atualmente selecionado no controle Looper.
No nosso caso, esta página será usada para exibir o conteúdo de diferentes itens encontrados no arquivo de dados "Produto".
Em primeiro lugar, vamos indicar na página o produto que será exibido. Para fazer isso, basta declarar um parâmetro na página. Este parâmetro será passado no URL.
  • Para declarar um parâmetro na página:
    1. Pressione F2. O editor de código exibe os diferentes eventos de página.
    2. Escreva o seguinte código no evento "Declarações globais":
      PROCESSO MyPage ( gnProductID é 8 - byte int )
    3. Vamos dar uma olhada neste código WLanguage:
      • A palavra-chave PROCEDURE no evento "Declarações globais" é utilizada para associar um procedimento à abertura da página.
      • O procedimento é denominado "MyPage". No tempo de execução, esta palavra-chave será substituída automaticamente pelo nome da página atual.
      • O procedimento espera a variável gnProductID (inteiro de 8 bytes) como parâmetro. Esta variável corresponde ao identificador do produto que será exibido na página. O tipo desta variável é idêntico ao tipo de item ProductID correspondente descrito no arquivo de dados do produto. Este parâmetro contém o valor que será encontrado na URL.


Postado por às Nenhum comentário:
Marcadores: , , , ,

quinta-feira, 24 de setembro de 2020

DICAS 3117 -WEBDEV TUTORIAL 51 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - LOOPER - PROGRAMACAO - PARTE F


https://youtu.be/xQTKWCd1qK8


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 09:00 do dia 02/10/2020-SEX

DICAS 3117 -WEBDEV TUTORIAL 51 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - LOOPER - PROGRAMACAO - PARTE F
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

Preenchimento do controle Looper
O controle Looper é preenchido ao inicializar a página.
FAZENDO O CODIGO NA INICIALIZACAO DA PAGINA 
FOR EACH 
where
NovoProduto=True 
LooperAddLine
Mostrando o looper
Proxima Aula Visualizando os detalhes de um novo produto


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





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

// INITIALIZING OF PAGE_LISTA_DE_NOVOS_PRODUTOS (SERVER)
// Este código procura o arquivo de dados do produto por meio da instrução FOR EACH.
FOR EACH Product where NovoProduto=True 
// SOMENTE OS REGISTROS PARA OS QUAIS O ITEM NovoProduto ESTA TRUE,SÃO SELECIONADOS
// LooperAddLine é usado para adicionar uma nova linha ao controle Looper. 
        //--- Os diferentes atributos de linha são atualizados com os dados do registro atual:
LooperAddLine(LOOP_novos_produtos,Product.Visual,Product.Caption,Product.ProductID)
END

// Este código procura o arquivo de dados do produto por meio da instrução FOR EACH.
// This code searches for the product data file using the FOR EACH statement.
// Ce code recherche le fichier de données produit à l'aide de l'instruction FOR EACH.
// Este código busca el archivo de datos del producto utilizando la declaración FOR EACH.
//FOR EACH Product where NovoProduto=True 
// SOMENTE OS REGISTROS PARA OS QUAIS O ITEM NovoProduto ESTA TRUE,SÃO SELECIONADOS
// ONLY THE RECORDS FOR WHICH THE ITEM NEW PRODUCT IS TRUE, ARE SELECTED
// SEULS LES ENREGISTREMENTS POUR LESQUELS LE NOUVEAU PRODUIT EST VRAI SONT SÉLECTIONNÉS
// SOLO SE SELECCIONAN LOS REGISTROS PARA LOS CUALES EL ARTÍCULO NUEVO PRODUCTO ES VERDADERO

// LooperAddLine é usado para adicionar uma nova linha ao controle Looper. 
//--- Os diferentes atributos de linha são atualizados com os dados do registro atual:
// LooperAddLine is used to add a new line to the Looper control.
// --- The different line attributes are updated with the data from the current record:
// LooperAddLine est utilisé pour ajouter une nouvelle ligne au contrôle Looper.
// --- Les différents attributs de ligne sont mis à jour avec les données de l'enregistrement courant:
// LooperAddLine se usa para agregar una nueva línea al control Looper.
// --- Los diferentes atributos de línea se actualizan con los datos del registro actual:

//END



======================
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





ErpMatos - TgsSistemas
skype:amarildo.matos.informatica
email: amarildo.matos@gmail.com
whats: 51984197742
Youtube: Amarildo Matos
http://www.amarildomatos.com.br
https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com
https://www.pcsoft.fr/webinaires.htm?p=forumpcs
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
https://www.windev.com/windev/WD-Express.htm
https://www.windev.com/windevmobile/WM-Express.htm
http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html


Preenchimento do controle Looper
O controle Looper é preenchido ao inicializar a página.
  • Para preencher o controle do Looper:
    1. Exiba os eventos WLanguage associados à página (clique dentro da página e selecione "Código" no menu pop-up ou pressione F2).
    2. Escreva o seguinte código no evento "Inicializando" da página:
      FOR EACH Product WITH NewProduct = True
      LooperAddLine(LOOP_NewProducts,Product.Visual,...
      Product.Caption,Product.ProductID)
      END
    3. Vamos dar uma olhada neste código WLanguage:
      • Este código procura o arquivo de dados do produto por meio da instrução FOR EACH.
      • Somente os registros para os quais o item "NewProduct" está definido como True são selecionados.
      • LooperAddLine é usado para adicionar uma nova linha ao controle Looper. Os diferentes atributos de linha são atualizados com os dados do registro atual:
        • o valor do atributo "ATT_Image" corresponde à imagem encontrada no item "Visual" do arquivo de dados "Produto".
        • o valor da legenda do atributo "ATT_Link" é o conteúdo do item "Caption" encontrado no arquivo de dados "Produto".
        • o valor da legenda do atributo "ATT_ID" é o conteúdo do item "ProductID" encontrado no arquivo de dados "Produto".
    4. Salve as modificações ( Salvar um elementoou Ctrl + S).
    5. Feche a janela de código.
  • Vamos fazer o teste da página que acabou de ser criada.
    1. Clique Execute o teste de uma páginaentre os botões de acesso rápido.
    2. A página é exibida automaticamente no navegador.
      Página em tempo de execução
  • Feche o na



Postado por às Nenhum comentário:
Marcadores: , , , , , , ,

DICAS 3116 -WEBDEV TUTORIAL 50 - 01-10-2020-12_00Hrs-QUI-Licao 4.3. AWP - LOOPER - ATRIBUTOS - PARTE E


https://youtu.be/-b0B9bqNyfg


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 12:00 do dia 01/10/2020-QUI

DICAS 3116 -WEBDEV TUTORIAL 50 - 01-10-2020-12_00Hrs-QUI-Licao 4.3. AWP - LOOPER - ATRIBUTOS - PARTE E
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

Criar Atributos para preencher Looper
Criando Atributo Image
Criando Atributo Link
Criando Atributo Id Produto
Explicando proximo passo - preecher Looper 


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





ErpMatos - TgsSistemas
skype:amarildo.matos.informatica
email: amarildo.matos@gmail.com
whats: 51984197742
Youtube: Amarildo Matos
http://www.amarildomatos.com.br
https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com
https://www.pcsoft.fr/webinaires.htm?p=forumpcs
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
https://www.windev.com/windev/WD-Express.htm
https://www.windev.com/windevmobile/WM-Express.htm
http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html


Vamos criar atributos para preencher os controles no controle Looper e modificar suas características em cada linha.

Observação

Um controle Looper inclui:
  • controles, que são repetidos em cada linha.
  • atributos. Um atributo é usado para definir a característica de controle que será modificada em cada linha. Por exemplo, se o valor e a cor do controle PRICE devem mudar em cada linha, você terá que definir dois atributos diferentes para o mesmo controle.
  • Para criar atributos:
    1. Exiba a janela de descrição do controle Looper (clique duas vezes no controle).
    2. Na seção superior da janela, nenhum atributo é criado. Vamos definir 3 atributos (um para cada controle do looper).
    3. Crie um novo atributo clicando no botão "Novo":
      • Renomeie o atributo para "ATT_Image".
      • Selecione o controle "IMG_Visual".
      • Selecione a propriedade "Valor". Na verdade, o valor da imagem será modificado para cada linha.
        Descrição do atributo ATT_Image
    4. Crie um novo atributo clicando no botão "Novo":
      • Renomeie o atributo para 'ATT_Link'.
      • Selecione o controle "LINK_View_Product".
      • Selecione a propriedade "Legenda". Na verdade, a legenda de controle será modificada em cada linha.
    5. Crie um novo atributo clicando no botão "Novo":
      • Renomeie o atributo para 'ATT_ID'.
      • Selecione o controle "STC_Product".
      • Selecione a propriedade "Legenda". Na verdade, a legenda de controle será modificada para cada linha.
        Descrevendo o controle Looper
    6. Valide a janela de descrição do controle Looper.
    7. Salve as modificações ( Salvar um elementoou Ctrl + S).
O controle Looper é criado agora. Vamos agora programar a operação de preenchimento para o controle do Looper.



Postado por às Nenhum comentário:
Marcadores: , , , , ,
Assinar: Postagens (Atom)

Teste

Teste
teste