Linha Datasul

Árvore de páginas

Versões comparadas

Versão antiga 8

changes.mady.by.user Andre Luis Oliveira Pereira

Gravado em

comparado com

Nova versão 9

changes.mady.by.user Andre Luis Oliveira Pereira

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

O objeto detailJsonOutput (JsonObject) será construído através da classe utilitária DetailBuilder, que utiliza as seguintes Temp-Tables:


ttColunaDetalhe

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 dos objetos passados no array aItems.
tipoTipo da coluna. Verificar documentação do PO-UI para maiores informações. Padrão será texto.
formatoFormato (máscara) que o campo deverá assumir.
url-detalheConté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-parametrosArray 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-parametrosArray de strings que determina qual campo será usado como base para o valor do parâmetro que será incluso no LocalStorage.
larguraLargura que a coluna irá assumir na tabela.

*Campos obrigatórios


Exemplo de utilização

Bloco de código
DetailBuilder:setColumns(INPUT TABLE ttColunaDetalhe).

...

ttHeadersDetalhe (Opcional)

Temp-table contendo registros que serão renderizados no cabeçalho da Modal ou na tela de detalhe genérico na forma de um quadrado que pode ser estilizado através dos campos classe-header e estilo-header. Útil para criar um “cabeçalho” para contextualizar as informações que estão contidas na tabela.

Propriedade

Descrição

texto-header*Texto que será exibido dentro do quadrado.
classe-headerClasses HTML que serão atribuídas ao elemento. Aceita as classes do PO-UI, por exemplo po-p-1, po-font-text-center etc.
estilo-headerEstilo HTML que será atribuído ao objeto. Usar a sintaxe padrão do HTML, ex: background-color: red;text-align: center;

*Campos obrigatórios

ttMonitorTag  (Opcional)

Temp-table contendo registros que se tornarão tags, que podem ser usadas para exibir dados adicionais. As tags ficarão abaixo dos headers, se existirem.

...