logologo
Kom igång
Guide
Utveckling
Plugins
API
Hem
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
Kom igång
Guide
Utveckling
Plugins
API
Hem
logologo
Översikt

Block

Översikt

Datablock

Tabell
Formulär
Detaljer
Lista
Rutnätskort
Diagram

Filterblock

Formulär

Övriga block

Åtgärdspanel
Iframe
Markdown
JS-block

Inställningar för block

Dataintervall
Datainläsningsmetod
Layout
Länkningsregler för block
Fältberoenderegler
Sorteringsregler
Dra och släpp-sortering
Ta bort block
Blockrubrik
Blockhöjd
Formulärutkast

Fält

Översikt

Allmänna inställningar

Tabellfält
Detaljfält
Filtrera formulärfält
Formulärfält

Specifika inställningar

Datum
Filhanterare
Underformulär
Dropdown-väljare
Dataväljare
Kaskadväljare
Undertabell (inline-redigering)
Undertabell (redigera i popup)
Underdetaljer
Titel
JS-fält
JS-objekt
JS-kolumn

Fältkonfigurationer

Standardvärde
Fältetikett
Visa etikett
Fältbeskrivning
Dataintervall
Fältkomponent
Nummerformatering
Läge
Obligatoriskt
Titelfält
Valideringsregler
Relationsfältskomponent

Åtgärd

Översikt

Konfigurationsalternativ för åtgärder

Redigera-knapp
Dubbelbekräftelse
Fälttilldelning
Koppla arbetsflöde
Redigeringsfönster
Regler för åtgärdskoppling

Åtgärdstyp

Lägg till
Visa
Ta bort
Redigera
Kopiera
Importera
Importera Pro
Exportera
Exportera Pro
Exportera bilagor
Filtrera
Länk
Öppna popup
Uppdatera
Skicka data
Utlösa arbetsflöde
Uppdatera post
Batchuppdatering
Batchredigering
Lägg till underpost
JS-åtgärd
Åtgärdsbehörigheter

Avancerat

Kopplingsregler
Händelseflöde
Variabel
RunJS
UI-mall
Previous PageVariabel
Next PageUI-mall
TIP

Detta dokument har översatts av AI. För eventuella felaktigheter, se den engelska versionen

#Skriv och kör JS online

I NocoBase erbjuder RunJS en lättviktig utökningsmetod som passar för snabba experiment och tillfällig logikhantering. Utan att behöva skapa en plugin eller ändra källkoden kan ni anpassa gränssnitt eller interaktioner med JavaScript.

Med den kan ni direkt mata in JS-kod i gränssnittsbyggaren för att uppnå:

  • Anpassat renderingsinnehåll (fält, block, kolumner, objekt, etc.)
  • Anpassad interaktionslogik (knappklick, händelselänkning)
  • Dynamiskt beteende i kombination med kontextuell data

#Scenarier som stöds

#JS-block

Genom att anpassa blockrendering med JS får ni fullständig kontroll över blockets struktur och stil.
Det passar för att visa anpassade komponenter, statistikdiagram, tredjepartsinnehåll och andra mycket flexibla scenarier.

20250916105031

Dokumentation: JS-block

#JS-åtgärd

Anpassa klicklogiken för åtgärdsknappar med JS. Ni kan då utföra valfria frontend-åtgärder eller API-anrop.
Till exempel: dynamiskt beräkna värden, skicka in anpassad data, utlösa popup-fönster, etc.

20250916105123

Dokumentation: JS-åtgärd

#JS-fält

Anpassa fältets renderingslogik med JS. Ni kan dynamiskt visa olika stilar, innehåll eller tillstånd baserat på fältvärden.

20250916105354

Dokumentation: JS-fält

#JS-objekt

Rendera oberoende objekt med JS utan att binda dem till specifika fält. Används ofta för att visa anpassade informationsblock.

20250916104848

Dokumentation: JS-objekt

#JS-tabellkolumn

Anpassa rendering av tabellkolumner med JS.
Detta kan implementera komplex logik för cellvisning, som till exempel förloppsindikatorer, statusetiketter, etc.

20250916105443

Dokumentation: JS-tabellkolumn

#Länkningsregler

Kontrollera länkningslogiken mellan fält i formulär eller på sidor med JS.
Till exempel: när ett fält ändras, ändra dynamiskt ett annat fälts värde eller synlighet.

20251029114532

Dokumentation: Länkningsregler

#Händelseflöde

Anpassa händelseflödets utlösningsvillkor och exekveringslogik med JS för att bygga mer komplexa frontend-interaktionskedjor.

Dokumentation: Händelseflöde