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

Bloklar

Genel Bakış

Veri Blokları

Tablo
Form
Detay
Liste
Izgara Kartları
Grafik

Filtre Bloku

Form

Diğer Bloklar

Kontrol Paneli
Iframe
Referans Bloğu
Markdown
JS Block

Blok Ayarları

Veri Kapsamı
Düzen
Blok Etkileşim Kuralları
Alan Etkileşim Kuralları
Sıralama Kuralları
Blok Silme
Blok Başlığı

Alan

Genel Bakış

Genel Ayarlar

Tablo Alanları
Detay Alanları
Filtre Formu Alanları
Form Alanları

Özel Ayarlar

Tarih
Dosya Yöneticisi
Alt Form
Açılır Seçici
Veri Seçici
Kademeli Seçici
Alt Tablo
Alt Detay
Başlık
JS Field
JS Item
JS Column

Alan Ayarları

Varsayılan Değer
Alan Etiketi
Etiketi Göster
Alan İpucu
Veri Kapsamı
Alan Bileşeni
Sayı Biçimlendirme
Mod
Zorunlu
Başlık Alanı
Doğrulama Kuralları
İlişkisel Alan Bileşeni

Eylem

Genel Bakış

Eylem Ayarları

Düzenle Düğmesi
Tekrar Onayla
Alan Değeri Atama
İş Akışı Bağla
Düzenleme Penceresi
Eylem Etkileşim Kuralları

Eylem Türü

Ekle
Görüntüle
Sil
Düzenle
İçe Aktar
İçe Aktar Pro
Dışa Aktar
Dışa Aktar Pro
Eki Dışa Aktar
Filtrele
Bağlantı
Pencere Aç
Yenile
Veri Gönder
İş Akışını Tetikle
Kaydı Güncelle
Toplu Güncelleme
Alt Kayıt Ekle
JS Action
Eylem İzinleri

Gelişmiş

Etkileşim Kuralları
Olay Akışı
Değişken
RunJS
Previous PageDeğişken
TIP

Bu belge AI tarafından çevrilmiştir. Herhangi bir yanlışlık için lütfen İngilizce sürümüne bakın

#JS'i Çevrimiçi Yazma ve Çalıştırma

NocoBase'de, RunJS hızlı denemeler ve geçici mantık işlemleri gerektiren durumlar için ideal, hafif bir genişletme yöntemi sunar. Eklenti oluşturmanıza veya kaynak kodunu değiştirmenize gerek kalmadan, JavaScript aracılığıyla arayüzleri veya etkileşimleri kişiselleştirebilirsiniz.

Bu sayede, arayüz tasarımcısında doğrudan JS kodu girerek şunları gerçekleştirebilirsiniz:

  • İçerik render'ını özelleştirme (alanlar, bloklar, sütunlar, öğeler vb.)
  • Özel etkileşim mantığı (düğme tıklamaları, olay tetiklemeleri)
  • Bağlamsal verileri kullanarak dinamik davranışlar sergileme

#Desteklenen Senaryolar

#JS Bloğu

JS aracılığıyla blok render'ını özelleştirerek, bloğun yapısı ve stilleri üzerinde tam kontrol sağlayabilirsiniz. Özel bileşenler, istatistiksel grafikler, üçüncü taraf içerikler ve diğer yüksek derecede esnek senaryoları görüntülemek için idealdir.

20250916105031

Dokümantasyon: JS Bloğu

#JS İşlemi

JS aracılığıyla işlem düğmelerinin tıklama mantığını özelleştirerek, herhangi bir ön uç veya API isteği işlemini yürütebilirsiniz. Örneğin: değerleri dinamik olarak hesaplama, özel veri gönderme, açılır pencereleri tetikleme vb.

20250916105123

Dokümantasyon: JS İşlemi

#JS Alanı

JS aracılığıyla alan render mantığını özelleştirin. Alan değerlerine göre farklı stiller, içerikler veya durumlar dinamik olarak görüntüleyebilirsiniz.

20250916105354

Dokümantasyon: JS Alanı

#JS Öğesi

JS aracılığıyla bağımsız öğeleri render edin, belirli alanlara bağlı kalmadan. Genellikle özel bilgi bloklarını görüntülemek için kullanılır.

20250916104848

Dokümantasyon: JS Öğesi

#JS Tablo Sütunu

JS aracılığıyla tablo sütunu render'ını özelleştirin. İlerleme çubukları, durum etiketleri vb. gibi karmaşık hücre görüntüleme mantıklarını uygulayabilirsiniz.

20250916105443

Dokümantasyon: JS Tablo Sütunu

#Bağlantı Kuralları

Formlarda veya sayfalarda JS aracılığıyla alanlar arasındaki bağlantı mantığını kontrol edin. Örneğin: bir alan değiştiğinde, başka bir alanın değerini veya görünürlüğünü dinamik olarak değiştirebilirsiniz.

20251029114532

Dokümantasyon: Bağlantı Kuralları

#Olay Akışı

JS aracılığıyla olay akışı tetikleme koşullarını ve yürütme mantığını özelleştirerek, daha karmaşık ön uç etkileşim zincirleri oluşturabilirsiniz.

Dokümantasyon: Olay Akışı