CONTEÚDO
- Visão Geral clique no conteúdo para acesso rápido à informação desejada ↓
- Exemplo do JSON de metadata completo
- Tela - Listagem Parâmetros Estabelecimento x GNRE
- Descrição
- X
- Descrição
- Y
- Descrição
01. Visão Geral
Este documento tem como objetivo descrever o que poderá ser customizado na tela HTML do programa GNRE integração contas a pagar (html-mft.gnreXapb > ATUALIZAR NOME DO PROGRAMA QUANDO FOR INSERIDO NO MENU), aqui será descrito quais componentes e elementos podem ser customizados, para saber como customizar acesse o link a seguir: LINK DE COMO CUSTOMIZAR
02. Exemplo do JSON de metadata completo
A imagem a seguir mostra, como exemplo, o metadata da tela de listagem dos parâmetros estabelecimento x GNRE.
03. Tela - Listagem Parâmetros Estabelecimento x GNRE
A tela de listar não foi feita utilizando o componente dinâmico completo, como o po-page-dynamic-table por exemplo, e sim usando po-page com uma po-table, por conta disso alguns elementos da tela não podem ser customizados e algumas propriedades do metadata são utilizados de forma um pouco diferente, a seguir a descrição de cada customização possível.
Propriedade | Description |
---|---|
title | Título da página. Exemplo "title":"Parâmetros Estabelecimento x GNRE" |
pageCustomActions | Utilizado para remover o botão de novo parâmetros ou para inserir novos botões, o botão inserido aqui deve conter label e url. Exemplo "pageCustomActions":[{ |
tableCustomActions | Utilizado para remover os botões de editar, copiar e deletar das ações da tabela ou para inserir novos. Para que uma ação padrão não seja criada basta que o metadata não contenha os labels de Edit, Copy e Delete, caso necessário criar ou ação diferente ela deve possuir tanto label quanto url. Exemplo "tableCustomActions":[{ },{ }] |
columnsList | Lista das colunas da tabela, Deve vir um array de objetos que implementam a interface PoTableColumn. Para mais informações do que é possível inserir acessar a documentação do Portinari: po-table Exemplo "columnsList":[{ "allowColumnsManager":true, "property":"estab", "label":"Estabelecimento", "type":"string", "key":true, "order":1 },{ "allowColumnsManager":true, "booleanTrue":"Sim", "property":"integApb", "booleanFalse":"Não", "label":"Integra APB", "type":"boolean", "order":2 },{ "allowColumnsManager":true, "booleanTrue":"Sim", "property":"updateApbAuto", "booleanFalse":"Não", "label":"Atualiza APB Automático", "type":"boolean", "order":3 }] |
icmsStView | Elemento que se encontra dentro da expansão da linha da tabela, dados sobre o ICMS ST. Neste componente é utilizado o po-dynamic-view e todos as propriedades do PoDynamicViewField podem ser utilizadas. Caso o icmsStView, icmsUfDestView e o fcpView não sejam enviados a expansão da linha não será exibida, caso apenas um ou dois desses elementos não sejam enviados a expansão ainda é criada, exibindo os elementos enviados. Exemplo "icmsSTView":[{ |
icmsUfDestView | Elemento que se encontra dentro da expansão da linha da tabela, dados sobre o ICMS Uf Dest. Neste componente é utilizado o po-dynamic-view e todos as propriedades do PoDynamicViewField podem ser utilizadas. Caso o icmsStView, icmsUfDestView e o fcpView não sejam enviados a expansão da linha não será exibida, caso apenas um ou dois desses elementos não sejam enviados a expansão ainda é criada, exibindo os elementos enviados. Exemplo "icmsUfDestView":[{ |
fcpView | Expansão da linha da tabela, dados sobre o ICMS Uf Dest. Neste componente é utilizado o po-dynamic-view e todos as propriedades do PoDynamicViewField podem ser utilizadas. Caso o icmsStView, icmsUfDestView e o fcpView não sejam enviados a expansão da linha não será exibida, caso apenas um ou dois desses elementos não sejam enviados a expansão ainda é criada, exibindo os elementos enviados. Exemplo "icmsUfDestView":[{ |
04. XXXX SCREEN
Main Fields and Parameters
Campo | Descrição |
---|---|
Use esse box para destacar informações relevantes e/ou de destaque.IMPORTANT!