#Menulis & Menjalankan JS Daring

Di NocoBase, RunJS menyediakan metode ekstensi yang ringan, cocok untuk skenario eksperimen cepat dan pemrosesan logika sementara. Tanpa perlu membuat plugin atau memodifikasi kode sumber, Anda dapat menyesuaikan antarmuka atau interaksi melalui JavaScript.

Melalui RunJS, Anda dapat langsung memasukkan kode JS di desainer antarmuka untuk mencapai:

• Kustomisasi konten rendering (bidang, blok, kolom, item, dll.)
• Logika interaksi kustom (klik tombol, keterkaitan event)
• Perilaku dinamis yang dikombinasikan dengan data kontekstual

#Skenario yang Didukung

#Blok JS

Dengan JS, Anda dapat menyesuaikan rendering blok, memberikan kontrol penuh atas struktur dan gaya blok. Ini cocok untuk menampilkan komponen kustom, diagram statistik, konten pihak ketiga, dan skenario lain yang sangat fleksibel.

Dokumentasi: Blok JS

#Aksi JS

Dengan JS, Anda dapat menyesuaikan logika klik tombol aksi, memungkinkan Anda untuk mengeksekusi operasi frontend atau permintaan API apa pun. Contoh: menghitung nilai secara dinamis, mengirim data kustom, memicu pop-up, dll.

Dokumentasi: Aksi JS

#Bidang JS

Dengan JS, Anda dapat menyesuaikan logika rendering bidang. Anda dapat menampilkan gaya, konten, atau status yang berbeda secara dinamis berdasarkan nilai bidang.

Dokumentasi: Bidang JS

#Item JS

Dengan JS, Anda dapat merender item independen tanpa terikat pada bidang tertentu. Ini umum digunakan untuk menampilkan blok informasi kustom.

Dokumentasi: Item JS

#Kolom Tabel JS

Dengan JS, Anda dapat menyesuaikan rendering kolom tabel. Ini dapat mengimplementasikan logika tampilan sel yang kompleks, seperti progress bar, label status, dll.

Dokumentasi: Kolom Tabel JS

#Aturan Keterkaitan (Linkage Rules)

Dengan JS, Anda dapat mengontrol logika keterkaitan antar bidang dalam formulir atau halaman. Contoh: ketika satu bidang berubah, secara dinamis memodifikasi nilai atau visibilitas bidang lain.

Dokumentasi: Aturan Keterkaitan

#Alur Event (Eventflow)

Dengan JS, Anda dapat menyesuaikan kondisi pemicu dan logika eksekusi alur event untuk membangun rantai interaksi frontend yang lebih kompleks.

Dokumentasi: Alur Event