sexta-feira, 2 de outubro de 2020

DICAS 3133 -WEBDEV TUTORIAL 67 - 14-10-2020-10_00Hrs-QUA-Licao 5.1. PESQUISA - TABELA PRIMEIRO PARAMETRO CLIENTE - PARTE G


https://youtu.be/CLVf4G8hwHw



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

Esse Ao Vivo vai estrear as 10:00 do dia 14/10/2020-QUA

DICAS 3133 -WEBDEV TUTORIAL 67 - 14-10-2020-10_00Hrs-QUA-Licao 5.1. PESQUISA - TABELA PRIMEIRO PARAMETRO CLIENTE - PARTE G

 

ASSUNTOS


CRIANDO PRIMEIRO PARAMETRO - NOME DO CLIENTE 
CLICLANDO ANALISE E ESCOLHENDO CLIENTE 
SELECIONANDO CAMPO NOME E COLOCANDO PAGINA 
MONSTRANDO COMO FAZER APARECER ANALISE NO PAINEL
MySource.ParamClienteNome = EDT_FirstName
CRIANDO CONTROLE BOTAO PARA ATUALIZAR A PAGINA 
MODIFICANDO ESTILO DO BOTAO 
ENTRAR CODIGO DO BOTAO 
TableDisplay(TABLE_ENCONTRE_PEDIDOS,taInit)
PROXIMA LICAO: STATUS PEDIDO



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








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


// BTN_ENCONTRAR - CLICK ( SERVER)
// Nesse código, a constante taInit é usada para executar novamente o evento "Inicializando"
// do controle Tabela (o evento no qual os parâmetros são passados ​​para a consulta

TableDisplay(TABLE_ENCONTRE_PEDIDOS,taInit)

// In this code, the constant taInit is used to run the event "Initializing" again
// of the Table control (the event in which the parameters are passed to the query

// Dans ce code, la constante taInit est utilisée pour exécuter à nouveau l'événement "Initializing"
// du champ Table (l'événement dans lequel les paramètres sont passés à la requête

// En este código, la constante taInit se usa para ejecutar el evento "Inicializando" nuevamente
// del control Table (el evento en el que se pasan los parámetros a la consulta

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

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


Primeiro parâmetro: Nome do cliente
Para que o usuário possa digitar um nome de cliente para localizar, vamos criar um controle de edição.
  • Para criar o controle de edição:
    1. Exiba o painel "Análise" se necessário: no painel "Página inicial", no grupo "Ambiente", expanda "Painéis" e selecione "Análise". Os diferentes arquivos de dados descritos na análise "Full_WEBDEV_Site" são exibidos no painel.
    2. Clique no Setaícone à esquerda do arquivo de dados "Cliente": os itens encontrados no arquivo de dados são listados.
    3. Selecione o item "FullName" localizado no arquivo de dados do Cliente, arraste-o e solte-o na página "PAGE_Multicriteria_search".
    4. O controle de edição é criado automaticamente. Posicione este controle acima do controle Tabela.
      Criação do controle de edição 'Nome'
  • Vamos agora passar o valor inserido no controle de edição como parâmetro para a consulta:
    1. Selecione o controle Tabela e pressione a tecla F2.
    2. No evento "Inicializando" do controle Tabela, substitua a linha:
      //MySource.ParamCustomerName = <Value of ParamCustomerName>
      por:
      MySource. ParamCustomerName = EDT_ FullName

      Neste código, EDT_FullName é o nome do controle de edição que acabou de ser criado. O valor desse controle está associado ao parâmetro ParamCustomerName esperado pela consulta.
    3. Feche o editor de código.
  • Antes de executar o teste, vamos criar um controle Botão para exibir novamente o conteúdo do controle Tabela de acordo com o valor selecionado no controle Botão de opção:
    1. Crie um controle de botão:
      • no painel "Criação", no grupo "Controles usuais", clique em Criação de um controle de botão.
      • em seguida, clique em no canto superior direito da página.
    2. Modifique a legenda do controle (pressione Enter no teclado). A nova legenda é "Encontrar".
    3. Modifique o estilo de controle:
      • No menu pop-up de controle (clique direito do mouse), selecione "Escolha um estilo WEBDEV".
      • Na janela que aparece, selecione "Detalhes (com fundo)".
        Escolhendo o estilo
      • Validar (botão "OK").
    4. Redimensione o controle se necessário:
      • selecione o controle.
      • selecione "Adaptar o tamanho" no menu suspenso.
    5. Exiba o código associado a este controle: pressione F2.
    6. Escreva o seguinte código no evento "Click (servidor)":
      // Atualiza a exibição do controle de tabela
      TableDisplay ( TABLE_ QRY_FindOrders , taInit )

      Nesse código, a constante taInit é usada para executar novamente o evento "Inicializando" do controle Tabela (o evento no qual os parâmetros são passados ​​para a consulta).
    7. Feche o editor de código.
  • Agora vamos verificar como o primeiro parâmetro é passado:
    1. Salve a página clicando Salvar um elementoentre os botões de acesso rápido.
    2. Clique Teste um elementoentre os botões de acesso rápido.
    3. Na página exibida, digite o nome do cliente ("ADDAMS") e clique em "ENCONTRAR". O conteúdo do controle Tabela é modificado: todos os pedidos feitos pelo cliente chamado "ADDAMS" são exibidos.
      Procurando um cliente pelo nome

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

quinta-feira, 1 de outubro de 2020

DICAS 3132 -WEBDEV TUTORIAL 66 - 13-10-2020-10_00Hrs-SEG-Licao 5.1. PESQUISA - CRIACAO PAGINA TABELA - PARTE F


https://youtu.be/FTnaB6TwVHs



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

https://www.youtube.com/channel/UCQGPHrppG5XKoRbeOIgLJEA/join


Esse Ao Vivo vai estrear as 10:00 do dia 13/10/2020-TER

DICAS 3132 -WEBDEV TUTORIAL 66 - 13-10-2020-10_00Hrs-SEG-Licao 5.1. PESQUISA - CRIACAO PAGINA TABELA - PARTE F

 

ASSUNTOS
Criação da página propondo a busca multicritério
CRIADO PAGE_PEQUISA_MULTICRITERIO
CRIACAO DOS CONTROLES 
CRIACAO TABELA 
ENTRANDO AS PROPRIEDADES DA TABELA
MUDANDO ALGUMAS INFORMACOES DA TABELA 
EXECUTANDO A PAGINA E MOSTRANDO DADOS 
TIRANDO OS CODIGOS DA TABELA 
PROXIMA LICAO: PRIMEIRO PARAMETRO NOME DO CLIENTE



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


Criação da página propondo a busca multicritério

Criação de uma página

  • Para criar uma página usada para exibir o resultado da pesquisa multicritério:
    1. Crie uma nova página em branco.
      • Clique Crie um elementoentre os botões de acesso rápido.
      • A janela de criação de elemento aparece: 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.
    3. Digite o título: "Pesquisa multicritério". O nome ("PAGE_Multicriteria_search") é proposto automaticamente.
    4. Validar.

Criação dos controles usados ​​para configurar os critérios e exibir o resultado

Vamos criar um controle Table baseado na consulta e então criar os diferentes controles permitindo ao usuário selecionar os critérios de pesquisa.
Criação do controle Tabela
  • Para criar o controle Tabela usado para exibir o resultado da pesquisa:
    1. Crie um controle de tabela: no painel "Criação", no grupo "Dados", expanda "Tabela" e selecione "Tabela".
    2. Clique na página "PAGE_Multicriteria_search": o assistente de criação de controle de tabela é iniciado.
    3. O controle Tabela será baseado na consulta "QRY_FindOrders" (que foi criada anteriormente). Selecione "Exibir os dados encontrados em um arquivo ou em uma consulta existente". Vá para a próxima etapa do assistente.
    4. Selecione a consulta que será usada como fonte de dados para o controle Tabela:
      • Expanda o grupo "Consultas".
      • Selecione a consulta "QRY_FindOrders".
        Assistente de criação de controle de tabela - Selecionando a fonte de dados
      • Vá para a próxima etapa do assistente.
      • Selecione todos os itens propostos: todos eles serão exibidos no controle Tabela.
        Assistente de criação de controle de tabela - Selecionando os itens a serem exibidos
        Vá para a próxima etapa do assistente.
    5. Mantenha as opções padrão nas diferentes telas do wizard e valide a criação do controle Table.
    6. O controle Tabela é criado automaticamente na página.
    7. Modifique (se necessário) a posição do controle Tabela para que seja totalmente exibido na página.
      Controle de tabela no editor de página
  • Para melhor legibilidade, vamos modificar a descrição do controle da tabela.
    1. Abra a descrição do controle Tabela (clique duas vezes no controle).

      Observação

      		A janela de descrição de um controle Table inclui duas seções:
      • a seção superior, apresentando o nome do controle, o nome das colunas bem como o seu tipo.
      • a seção inferior, contendo as diferentes guias de descrição.
        Janela de descrição de controle de tabela
      Se o nome do controle Tabela for selecionado, a seção inferior apresenta as características do controle Tabela.
      Se uma coluna for selecionada, a seção inferior apresenta as características das colunas.
    2. Clique no nome do controle Tabela. A legenda do controle Tabela é exibida na seção inferior. Vamos modificar esta legenda. Substitua a legenda proposta por "Resultados da pesquisa".
      Alterando a legenda do controle Tabela
    3. Clique na coluna "COL_OrdersID". O título da coluna é exibido na seção inferior da tela. Substitua a legenda "Identificador de pedidos" por "ID".
      Alterando o bloco de COL_OrdersID
    4. Clique na coluna "COL_FullName". Substitua a legenda "Nome" por "Cliente".
    5. Clique na coluna "COL_Caption". Substitua a legenda "Legenda" por "Modo de pagamento".
    6. Valide a janela de descrição do controle da tabela. O controle é atualizado automaticamente com as modificações realizadas.
    7. Reduza o tamanho da coluna "ID" para que todas as colunas sejam exibidas no controle Tabela.
    8. Aumente o tamanho das colunas Customer e PaymentMode no controle Tabela.
      Controle de tabela no editor de página
    9. Salve a página clicando Salvar um elementoentre os botões de acesso rápido. Vamos verificar os tamanhos das colunas executando a página.

Observação

Dados ao vivo e controles baseados em consultas
O Live Data não é exibido nos controles que usam uma consulta como fonte de dados pelo seguinte motivo: Os dados exibidos dependem do resultado da consulta e só podem ser conhecidos em tempo de execução.
  • Vamos fazer um primeiro teste desta página:
    1. Clique Teste um elementoentre os botões de acesso rápido.
    2. Somente os pedidos pagos em dinheiro e cujo preço se encontra entre $ 1.500 e $ 3.000 são exibidos, como no último teste de consulta executado no editor, quando os parâmetros foram especificados na janela de teste de consulta.
      Controle de mesa em tempo de execução
    3. Feche o navegador para voltar ao editor.
  • Vamos dar uma olhada nos eventos associados ao controle Table:
    1. Selecione o controle Tabela e pressione a tecla F2.
    2. O evento "Initializing TABLE_QRY_FindOrders" contém o seguinte código:
      // O controle usa uma consulta com parâmetros para exibir os dados.
      // Os parâmetros desta consulta devem ser definidos antes ou
      // ao inicializar o controle.
      // A consulta será executada automaticamente se pelo menos um parâmetro for definido.
      //
      // Consulte a ajuda online para mais detalhes:
      // Consulta com parâmetros, uso em uma tabela, caixa de listagem ou controle de caixa de combinação
      //
      // Parâmetros da consulta 'QRY_FindOrders'
      //MySource.ParamCustomerName = <Value of ParamCustomerName>
      //MySource.ParamStatus = <Value of ParamStatus>
      MySource. ParamPaymentModeID = "1"
      MySource. ParamMinPrice = "1500"
      MySource. ParamMaxPrice= "3000"

      Os parâmetros de teste foram recuperados como parâmetros padrão para a execução. Agora vamos modificar a página para que os parâmetros sejam digitados pelo usuário, via controles.
    3. Para construir nossa página, vamos trocar todas as linhas de código correspondentes aos parâmetros em comentários:
      • Selecione as linhas de código "MySource ...".
      • Pressione Ctrl + / no teclado numérico.
    4. Feche o editor de código (clique na cruz no canto superior direito do editor).
Agora vamos criar em nossa página os diferentes controles que permitem ao usuário selecionar os parâmetros da consulta. Esses controles serão posicionados acima do controle Tabela.
  • Mova (se necessário) o controle Tabela na página e reduza sua altura para deixar espaço para a criação dos diferentes 
Postado por às Nenhum comentário:
Marcadores: , ,
Assinar: Postagens (Atom)

Teste

Teste
teste