Funções, estados e snippets em TypeScript nas páginas do iGRP Studio — o painel Código Personalizado do Page Builder.
O painel Código Personalizado do Page Builder junta à página lógica própria: funções reutilizáveis e estados reativos, além de snippets prontos a inserir. É o sítio para carregar dados, tratar submissões ou controlar widgets (abrir um modal, mostrar um toast).
contentTabletable1…)
O + no topo do painel cria uma Function ou um State.
Criar uma função
function nome() → tipo) atualiza-se em tempo real.
Reutilizar estados, funções e snippets
Os separadores States, Functions, Snippets e Types do Function Settings listam o que a página já tem. Em cada estado, Name insere a variável e Set insere o setter (setModalCancelarAberto); nas funções e snippets, Insert insere a chamada no editor.
Uma função criada aqui fica disponível nas interações dos widgets: Interações → Action Type → Function → Function.
Criar estados
Os estados são variáveis reativas: quando mudam, os widgets ligados a eles atualizam-se.
Para ligar um estado a uma prop de um widget (por exemplo Open de um Modal Dialog), passa o rato sobre a prop na sidebar de edição, clica em ⋮ e escolhe o estado — ver Widget Modal.
Última atualização: