#Escrever e Executar JS Online

No NocoBase, o RunJS oferece um método de extensão leve, ideal para cenários de experimentação rápida e processamento de lógica temporária. Sem precisar criar plugins ou modificar o código-fonte, você pode personalizar interfaces ou interações usando JavaScript.

Com ele, você pode inserir código JS diretamente no construtor de interface para conseguir:

• Personalizar o conteúdo de renderização (campos, blocos, colunas, itens, etc.)
• Personalizar a lógica de interação (cliques em botões, vinculação de eventos)
• Comportamento dinâmico combinado com dados de contexto

#Cenários Suportados

#Bloco JS

Personalize a renderização de blocos usando JS, dando a você controle total sobre a estrutura e os estilos do bloco. É ideal para exibir componentes personalizados, gráficos estatísticos, conteúdo de terceiros e outros cenários altamente flexíveis.

Documentação: Bloco JS

#Ação JS

Personalize a lógica de clique dos botões de ação usando JS, permitindo que você execute qualquer operação de frontend ou requisição de API. Por exemplo: calcular valores dinamicamente, enviar dados personalizados, acionar pop-ups, etc.

Documentação: Ação JS

#Campo JS

Personalize a lógica de renderização de campos usando JS. Você pode exibir dinamicamente diferentes estilos, conteúdos ou estados com base nos valores dos campos.

Documentação: Campo JS

#Item JS

Renderize itens independentes usando JS sem vinculá-los a campos específicos. É comumente usado para exibir blocos de informação personalizados.

Documentação: Item JS

#Coluna de Tabela JS

Personalize a renderização de colunas de tabela usando JS. Pode implementar lógicas complexas de exibição de células, como barras de progresso, rótulos de status, etc.

Documentação: Coluna de Tabela JS

#Regras de Vinculação

Controle a lógica de vinculação entre campos em formulários ou páginas usando JS. Por exemplo: quando um campo muda, modifique dinamicamente o valor ou a visibilidade de outro campo.

Documentação: Regras de Vinculação

#Fluxo de Eventos

Personalize as condições de acionamento e a lógica de execução do fluxo de eventos usando JS para construir cadeias de interação de frontend mais complexas.

Documentação: Fluxo de Eventos