Histórico da Página
...
Temp-table que herda a estrutura do PoTableColumn (https://po-ui.io/documentation/po-table) e possui algumas propriedades adicionais, que servirão para aplicar a técnica de detalhamento de uma coluna da tabela (opcional). Ao clicar sobre uma coluna que possui detalhamento, será aberta uma tela HTML externa, que deverá estar preparada para verificar a LocalStorage do navegador e capturar os parâmetros que serão inclusos pelo painel de Monitoramento.
Propriedade | Descrição |
---|---|
cod-label* | Nome que será exibido na coluna. |
propriedade* | Nome da propriedade que será exibida nessa coluna. Ela deverá existir dentro da temp-table de dados que deve ser setada através do DetailBuilder:setItems(). |
cod-label* | Nome (cabeçalho) que será exibido na coluna dos objetos passados no array aItems. |
tipo | Tipo da coluna. Verificar documentação do PO-UI para maiores informações. Padrão será texto. |
formato | Formato (máscara) que o campo deverá assumir. |
url-detalhe | Contém o endereço de um programa HTML que será chamado ao clicar sobre essa coluna. Precisa ser utilizada em conjunto com as propriedades parameterLabels, parameterProperty e o format da coluna precisa ser cellTemplate. |
label-parametros | Array de strings que contém os nomes das propriedades que serão inclusas no LocalStorage do navegador quando o usuário clicar numa coluna que possui url-detalhe informado. |
propriedade-parametros | Array de strings que determina qual campo será usado como base para o valor do parâmetro que será incluso no LocalStorage. |
largura | Largura que a coluna irá assumir na tabela. |
...
Bloco de código | ||
---|---|---|
| ||
DetailBuilder:setColumns(INPUT TABLE ttColunaDetalhe). |
Temp-table de Dados
Além da definição das colunas (descritos acima) é necessário ser setado a temp-table contendo os dados e que possua os campos (fields) correspondentes com o campo ttColunaDetalhe.propriedade informado conforme documentado acima, essa temp-table deverá ser definida pelo desenvolver do Api de negócio e pode possuir o nome da preferencia do desenvolver, abaixo segue um exemplo de definição e utilização:
Bloco de código | ||
---|---|---|
| ||
DEFINE TEMP-TABLE ttDados
FIELD it-codigo AS CHARACTER SERIALIZABLE-NAME 'itemCode'.
CREATE ttDados.
ASSIGN ttDados.it-codigo.
DetailBuilder:setItems(INPUT TABLE ttDados). |
...
ttHeadersDetalhe (Opcional)
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas