Histórico da Página

...

• Construção de API Rest para tela customizada.;
• Uso da include "utp/ut-api";
• Cadastro de Programa / EPC;
• Includes para chamada UPC na API Rest;
• Desenvolvimento da UPC;

...

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:

• Page-Dynamic-Detail (https://po-ui.io/documentation/po-page-dynamic-detail);
• Page-Dymic-Edit (https://po-ui.io/documentation/po-page-dynamic-edit);
• Page-Dynamic-Search (https://po-ui.io/documentation/po-page-dynamic-search);
• Page-Dynamic-Table (https://po-ui.io/documentation/po-page-dynamic-table);

...

• Tendo o projeto iniciado conforme documentação acima e adicionado os componentes desejados do PO-UI vamos ao desenvolvimento.
• Todo componente dinâmico é divido basicamente em duas partes:

• Metadado

• Values

04. EXEMPLO DE UTILIZAÇÃO

...

05. Facilitadores Progress

07. Links Úteis

• • Dynamic-Form (https://po-ui.io/documentation/po-dynamic-form);
  • Dynamic-View (https://po-ui.io/documentation/po-dynamic-view);

  Templates:

  • Page-Dynamic-Detail (https://po-ui.io/documentation/po-page-dynamic-detail);
  • Page-Dymic-Edit (https://po-ui.io/documentation/po-page-dynamic-edit);
  • Page-Dynamic-Search (https://po-ui.io/documentation/po-page-dynamic-search);
  • Page-Dynamic-Table (https://po-ui.io/documentation/po-page-dynamic-table);
  
  

  
  

  
  

<!-- 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>

...