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











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 

Teste

Teste
teste