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

Block

Översikt

Datablock

Tabell
Formulär
Detaljer
Lista
Rutnätskort
Diagram

Filterblock

Formulär

Andra block

Åtgärdspanel
Iframe
Referensblock
Markdown
JS-block

Blockinställningar

Dataomfång
Layout
Blockinteraktionsregler
Fältinteraktionsregler
Sorteringsregler
Ta bort block
Blocktitel

Fält

Översikt

Allmänna inställningar

Tabellfält
Detaljfält
Filterformulärfält
Formulärfält

Specifika inställningar

Datum
Filhanterare
Underformulär
Rullgardinsväljare
Dataväljare
Kaskadväljare
Undertabell
Underdetaljer
Titel
JS-fält
JS-objekt
JS-kolumn

Fältinställningar

Standardvärde
Fältetikett
Visa etikett
Fälttips
Dataomfång
Fältkomponent
Talformatering
Läge
Obligatorisk
Titelfält
Valideringsregler
Relationsfältkomponent

Åtgärder

Översikt

Åtgärdsinställningar

Redigera-knapp
Bekräftelse
Fälttilldelning
Koppla arbetsflöde
Redigeringsfönster
Åtgärdsinteraktionsregler

Åtgärdstyper

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

Avancerat

Interaktionsregler
Händelseflöde
Variabler
Kör JS
Previous PageVariabler
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