Personalização › Personalização da interface web › O Criador de telas da Web (WSP) › Lista de grade de dados › Modificar as listas de grade de dados em formulários de lista

Modificar as listas de grade de dados em formulários de lista

Use o Pintor de tela da web para modificar as grades de dados. Por exemplo, pode-se modificar list_chg.htmpl para alterar o que o usuário final vê no formulário.

Observação: não é possível mover um controle existente depois da área de grade.

Para modificar a grade de dados

1. Abra o Pintor de tela da web no menu Iniciar ou no comando pdm_wsp.

   A página de logon do Pintor de tela da web aparece.

2. Digite suas credenciais de logon e clique em Efetuar logon.

   O Pintor de tela da web é exibido.

3. Clique em Arquivo, Abrir e selecione list_chg.htmpl, em seguida, clique em OK.

   O arquivo HTMPL é aberto para edição.

4. Localize a área em azul, próximo aos campos com rótulo no final do formulário na exibição do Design.

   Caso prefira a exibição da Origem, a grade de dados aparece entre as seguintes linhas do código:

   <PDM_MACRO name=lsStart>
   <PDM_MACRO name=lsEnd>
   

   O exemplo abaixo mostra a área da grade de dados na exibição do Design:

   

   O sinal de adição na área da grade de dados representa o início da seção de expansão da linha (os campos exibidos apenas quando um usuário clica no sinal de adição na linha, dentro da grade de formulários de lista). O código abaixo gera o sinal de adição na exibição de origem:

   <PDM_MACRO name=lsCol attr=open_date label="Open Date" sort="DESC" startrow=yes>
   

   O parâmetro startrow=yes especifica o início de uma linha e inicia a seção de expansão da linha.

5. Arraste e solte as colunas para movê-las em uma lista.

   Pode-se mover colunas entre a parte principal da linha e a seção de expansão.

6. Para inserir uma coluna de lista, clique com o botão direito do mouse em um controle ou em qualquer lugar no fundo azul, e selecione Inserir coluna ou Inserir controle.

   Ao selecionar Inserir coluna, o Pintor de tela da web insere uma coluna à esquerda do controle atualmente selecionado. Ao selecionar Inserir coluna, o Pintor de tela da web exibe a caixa de diálogo Inserir controle que permite adicionar o controle desejado ao formulário.

7. Clique em Visualizar.

   Suas alterações não publicadas aparecem no navegador da web.

8. Salve o formulário.

   A grade de dados é modificada.