Árvore de páginas

Versões comparadas

Chave

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

...

  • Dynamic Form
    Permite criar formulário editáveis em qualquer posição da página em composição com outros componentes não dinâmicos como gráficos e listas:
    TO DO: INSERIR IMAGEM

  • Dynamic View
    Permite criar formulários de visualização em qualquer posição da página em composição com outros componentes não dinâmicos como gráficos e listas:
    TO DO: INSERIR IMAGEM

  • Page Dynamic Detail
    Permite criar páginas completas (título, breadcrumb, ações) com formulário de visualização:
    TO DO: INSERIR IMAGEM

  • Page Dynamic Edit
    Permite criar páginas completas (título, breadcrumb, ações) com formulário de edição
    TO DO: INSERIR IMAGEM

  • Page Dynamic Search
    Permite criar páginas completas (título, breadcrumb, ações) com área de busca no cabeçalho para composição com outros componentes, dinâmicos ou não.
    TO DO: INSERIR IMAGEM

  • Page Dynamic Table
    Permite criar páginas completas (título, breadcrumb, ações) com tabela
    TO DO: INSERIR IMAGEM

Formas de utilização

Rota

Permite criar páginas dinâmicas sem a necessidade de criar o componente Angular, sendo utilizado diretamente no menu do PO UI.

Seletor

Nessa forma o componente ou template deve ser incluído no componente Angular do seu projeto.

Customização com eventos no back-end utilizando componentes e templates dinâmicos

...

  • Pontos de entrada do Protheus
  • Fórmulas visuais do RM
  • Chamada de UPC do Datasul
  • Dynamic import do NodeJS
  • Reflection do C# ou Java

...

draw.io Diagram
bordertrue
viewerToolbartrue
fitWindowfalse
diagramDisplayName
lboxtrue
revision45
diagramNameFluxo Dynamic Form
simpleViewerfalse
width800
linksauto
tbstyletop
diagramWidth481

Informações
titleDynamic View

O fluxo acima é o mesmo para o componente Dynamic View, porém este não possui a propriedade p-validate por ser formulário de visualização, ou seja, o usuário não pode alterar seus dados.

Customização com Page Dynamic

draw.io Diagram
bordertrue
viewerToolbartrue
fitWindowfalse
diagramDisplayName
lboxtrue
revision5
diagramNameFluxo Page Dynamic
simpleViewerfalse
width800
linksauto
tbstyletop
diagramWidth481