#Scrivere ed Eseguire JS Online

In NocoBase, RunJS offre un metodo di estensione leggero, ideale per scenari di sperimentazione rapida e gestione di logiche temporanee. Senza la necessità di creare un plugin o modificare il codice sorgente, Le permette di personalizzare interfacce o interazioni tramite JavaScript.

Grazie ad esso, può inserire direttamente codice JS nel builder dell'interfaccia utente per ottenere:

• Contenuti di rendering personalizzati (campi, blocchi, colonne, elementi, ecc.)
• Logiche di interazione personalizzate (clic sui pulsanti, collegamento di eventi)
• Comportamenti dinamici combinati con dati contestuali

#Scenari Supportati

#Blocco JS

Personalizzi il rendering dei blocchi tramite JS, ottenendo il controllo completo sulla struttura e sullo stile del blocco. È ideale per visualizzare componenti personalizzati, grafici statistici, contenuti di terze parti e altri scenari altamente flessibili.

Documentazione: Blocco JS

#Azione JS

Personalizzi la logica di clic dei pulsanti di azione tramite JS, consentendoLe di eseguire qualsiasi operazione frontend o richiesta API. Ad esempio: calcolare valori dinamicamente, inviare dati personalizzati, attivare popup, ecc.

Documentazione: Azione JS

#Campo JS

Personalizzi la logica di rendering dei campi tramite JS. Può visualizzare dinamicamente stili, contenuti o stati diversi in base ai valori del campo.

Documentazione: Campo JS

#Elemento JS

Esegua il rendering di elementi indipendenti tramite JS senza vincolarli a campi specifici. È comunemente utilizzato per visualizzare blocchi di informazioni personalizzati.

Documentazione: Elemento JS

#Colonna di Tabella JS

Personalizzi il rendering delle colonne di tabella tramite JS. Può implementare logiche di visualizzazione complesse per le celle, come barre di progresso, etichette di stato, ecc.

Documentazione: Colonna di Tabella JS

#Regole di Collegamento

Controlli la logica di collegamento tra i campi in moduli o pagine tramite JS. Ad esempio: quando un campo cambia, modifichi dinamicamente il valore o la visibilità di un altro campo.

Documentazione: Regole di Collegamento

#Flusso di Eventi

Personalizzi le condizioni di attivazione e la logica di esecuzione del flusso di eventi tramite JS per costruire catene di interazione frontend più complesse.

Documentazione: Flusso di Eventi