Para criar uma página usada para exibir o resultado da pesquisa multicritério:
1. Crie uma nova página em branco.
  - Clique entre 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".
  - Vá para a próxima etapa do assistente.
  - Selecione todos os itens propostos: todos eles serão exibidos no controle Tabela.
    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.

Para melhor legibilidade, vamos modificar a descrição do controle da tabela.

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

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".
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".
Clique na coluna "COL_FullName". Substitua a legenda "Nome" por "Cliente".
Clique na coluna "COL_Caption". Substitua a legenda "Legenda" por "Modo de pagamento".
Valide a janela de descrição do controle da tabela. O controle é atualizado automaticamente com as modificações realizadas.
Reduza o tamanho da coluna "ID" para que todas as colunas sejam exibidas no controle Tabela.
Aumente o tamanho das colunas Customer e PaymentMode no controle Tabela.
Salve a página clicando entre 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 entre 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.
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

Páginas

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

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

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

Nenhum comentário:

Postar um comentário