
	Observação	O que é um controle Looper? A melhor maneira de exibir elementos em formato de lista em uma página da Web é usar um controle Looper. Um controle Looper inclui uma área (contendo vários controles) que é repetida um determinado número de vezes. Cada área pode, é claro, conter dados diferentes.

Para criar o controle Looper:
1. No painel "Criação", no grupo "Dados", expanda "Looper" e selecione "Looper".
2. Clique no canto superior esquerdo da página, logo abaixo do menu: o assistente de criação de controle Looper é iniciado.
3. O assistente quer saber como o controle Looper será preenchido:
  - do banco de dados, de um arquivo de dados ou de uma consulta,
  - de uma variável WLanguage,
  - por programação (este recurso será apresentado em uma próxima lição).
  Neste caso, o controle Looper deve exibir todos os produtos: selecione "Exibir os dados provenientes de um arquivo ou de uma consulta".
4. Vá para a próxima etapa ("Avançar" no assistente).
5. A próxima etapa do assistente propõe os diferentes arquivos de dados e consultas encontradas no projeto atual. Expanda "Análise" se necessário e selecione o arquivo de dados "Produto".
6. Vá para a próxima etapa.
7. O assistente propõe a lista de itens encontrados no arquivo de dados. Por padrão, todos os itens são verificados para serem exibidos no controle Looper. No nosso caso, vamos mostrar todos os itens EXCETO a descrição do produto.
  Desmarque "Descrição":
  Vá para a próxima etapa.
8. Em seguida, o assistente propõe selecionar a chave de pesquisa, que define como os dados exibidos no controle Looper serão classificados por padrão. Os itens propostos no assistente correspondem aos itens definidos como itens-chave na análise. Os produtos serão classificados de acordo com a legenda.
  Selecione "Legenda" e vá para a próxima etapa.
9. Agora vamos selecionar parâmetros adicionais para criar o controle Looper:
  - O controle Looper está no modo Clássico: todos os dados serão exibidos ao carregar a página.
    Selecione o modo de operação "Clássico".
  - O controle Looper usa um número ilimitado de linhas. Na verdade, todos os produtos devem estar acessíveis diretamente na página. A página será ampliada para exibir todos os produtos.
    Selecione "Sem limite" em "Número máximo de linhas por página".
10. Vá para a próxima etapa. O controle Looper exibirá os produtos em 3 colunas.
  - Mantenha a opção padrão: "Número fixo de linhas, preencher linha".
  - Na área "Número de colunas", substitua 1 por 3.
11. Valide o assistente. O controle Looper é criado automaticamente na página.

Vamos reposicionar o controle na página:
1. Selecione o controle.
2. Mova o controle com o mouse para posicioná-lo no canto superior esquerdo da página. Quando o controle atinge o limite da área de exibição no modelo de página, as linhas verdes são exibidas: essas linhas são usadas para posicionar o controle dentro da área de exibição.
3. Se necessário, reduza:
  - o tamanho das linhas (o tamanho das colunas) para o controle a ser exibido em sua totalidade na página.
  - o tamanho dos controles nas linhas para que caibam (coluna).

Vejamos por um momento o controle Looper que acabamos de criar: os dados já estão exibidos no controle, até mesmo no editor.

Este conceito é denominado "Dados ao vivo" : o conteúdo dos arquivos de dados encontrados no computador de desenvolvimento é utilizado nas páginas ou relatórios tratados no editor. Este recurso é muito útil para definir o tamanho dos controles encontrados em uma página, por exemplo.

Vamos ocultar o controle que contém o identificador do produto. Por que ocultá-lo em vez de excluí-lo? Porque este identificador será útil no resto do nosso desenvolvimento.
1. Selecione o controle "STC_ProductID". Este controle corresponde ao identificador (controle com um número no topo do looper).
2. Abra a janela de descrição do controle ("Descrição" no menu pop-up).
3. Na guia "UI", desmarque "Visível".
4. Valide a janela de descrição do controle.

Páginas

terça-feira, 15 de setembro de 2020

DICAS 3097 -WEBDEV TUTORIAL 31 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Criar Pagina - CONTROLER LOOPER - PARTE C

https://youtu.be/PT1PAIpPDjo

Esse Ao Vivo vai estrear as 11:00 do dia 24/09/2020-Qui

Nenhum comentário:

Postar um comentário