Histórico da Página
...
Para termos uma tela dinâmica do de acordo com o que o Back-End retorna precisamos utilizar os componentes dinâmicos do PO-UI sendo eles:
Componentes:
- Dynamic-Form (https://po-ui.io/documentation/po-dynamic-form);
- Dynamic-View (https://po-ui.io/documentation/po-dynamic-view);
Templates:
https://po-ui.io/documentation/po-page-dynamic-detail
...
https://po-ui.io/documentation/po-page-dynamic-table
Migrando THF2 para PO-UI
Como começar
...
Comunicando com o Back-End Progress
02. EXEMPLO DE UTILIZAÇÃO
...
Back-End Progress
Primeiramente temos que cadastrar a API REST no cadastro de programas (MEN012AA) e também especificar a UPC a ser utilizada, conforme o exemplo abaixo:
...
Bloco de código |
---|
Busca do METADADOS onde foram adicionados os novos campos cod_usuario e nom_usuario: GET - http://localhost:8180/dts/datasul-rest/resources/prg/trn/v1/idiomas/metadados "items": [ { "visible": true, "property": "cod_idioma", "disabled": false, "label": "Idioma", "type": "string" }, { "visible": true, "property": "des_idioma", "disabled": false, "label": "Descrição", "type": "string" }, { "visible": true, "property": "cod_idiom_padr", "disabled": false, "label": "Idioma Padrão", "type": "string" }, { "visible": true, "property": "cod_usuario", "disabled": false, "label": "Usuário", "type": "string" }, { "visible": true, "property": "nom_usuario", "disabled": false, "label": "Nome", "type": "string" } ] Busca dos dados onde foram adiconados novos valores: GET - http://localhost:8180/dts/datasul-rest/resources/prg/trn/v1/idiomas "items": [ { "codIdioma": "12345678", "desIdioma": "12345678901234567890", "cod_dialet": "Pt", "cod_usuario": "super", "nom_usuario": "Super" }, { "codIdioma": "ale", "desIdioma": "Alemão", "cod_dialet": "PT", "cod_usuario": "Manoel", "nom_usuario": "Manoel de Carvalho" }, { "codIdioma": "EN", "desIdioma": "Ingles", "cod_dialet": "PT", "cod_usuario": "Joao", "nom_usuario": "Joao da Silva" } ] |
03. TELA XXXXX
Outras Ações / Ações relacionadas
...
04. TELA XXXXX
Principais Campos e Parâmetros
...
Card documentos | ||||
---|---|---|---|---|
|
...
Front-End PO-UI
03. Links Utilizáveis
HTML |
---|
<!-- esconder o menu --> <style> div.theme-default .ia-splitter #main { margin-left: 0px; } .ia-fixed-sidebar, .ia-splitter-left { display: none; } #main { padding-left: 10px; padding-right: 10px; overflow-x: hidden; } .aui-header-primary .aui-nav, .aui-page-panel { margin-left: 0px !important; } .aui-header-primary .aui-nav { margin-left: 0px !important; } </style> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas