Kuika’nın Dynamic Form elementi, kullanıcı etkileşimlerine göre gerçek zamanlı olarak şekillenen dinamik formlar oluşturmanıza olanak tanır. Bu form yapısı, EAV (Entity - Attribute - Value) veri modeline dayanır ve farklı türde verilerin esnek biçimde işlenmesini sağlar.
Dynamic Form şu anda beta aşamasındadır. Kararlı sürüm öncesinde test amacıyla kullanılabilir.
Yalnızca EAV veri modeliyle uyumludur ve başka veri kaynaklarıyla birlikte kullanılamaz.
Sadece web uygulamalarında desteklenmektedir.
Kullanım Alanları
Ürün özellikleri veya varyasyonlarını dinamik olarak yönetmek
Anket ve form oluşturma sistemleri
Kullanıcı profili veya özel kayıt formları
Role veya kullanıcıya göre değişen form alanları
Dinamik içerik yapılandırma ekranları
Kullanım Senaryosu – Dinamik Ürün Özellikleri Formu
Bir e-ticaret uygulamasında yöneticiler, ürün kategorisine göre farklı özellikleri (örneğin renk, boyut, malzeme) dinamik olarak tanımlamak ister. Dynamic Form, seçilen ürün kategorisine bağlı olarak form alanlarını otomatik şekilde oluşturur.
Senaryoda:
Kullanıcı “Ürün Özellikleri” sayfasını açar.
Seçilen ürün kategorisine bağlı olarak sistem ilgili Entity (Product)’ye ait Attributes (renk, boyut, stok, fiyat) bilgilerini çeker.
Dynamic Form bu attribute’ları form alanları olarak oluşturur.
Kullanıcı alanları doldurduğunda değerler (Value) EAV modeline kaydedilir.
Form gönderildiğinde bilgiler, bağlı EAV aksiyonları aracılığıyla veritabanına işlenir.
Özelliklerin Senaryo Bağlamında Kullanılması
Entity:
Dynamic Form’un bağlı olduğu ana veri varlığıdır.
Örnek: “ProductData”
Attributes:
Formda görüntülenecek alanları belirler.
Her attribute, formda bir input alanı olarak temsil edilir (ör. renk, boyut, kategori).
Value:
Kullanıcı tarafından girilen verilerdir.
Form gönderildiğinde attribute değerleri kaydedilir.
Datasource (EAV Aksiyonları):
Dynamic Form yalnızca EAV aksiyonları ile veri alışverişi yapar.
Örnek:
Get Attributes In Dynamic Form
Get Entity Value From Dynamic Form
UI Design Modülü İşlemleri
UI Design modülüne gidin.
Sol panelden Elements > Special > Dynamic Form seçin.
Elementi ekranınıza sürükleyip bırakın.
Properties panelinden aşağıdaki ayarları yapılandırın:
Entity: ProductData
Attributes: CategoryAttributes
Value: ProductValues
Theme: Dark (örnek görselde olduğu gibi)
EAV Yapısıyla Kullanım
Dynamic Form yalnızca EAV veri modeli ile çalışır.
Formun içeriği, EAV aksiyonları aracılığıyla dinamik olarak güncellenir.
Kullanıcı farklı bir kategori seçtiğinde, form alanları otomatik olarak değişir.
Senaryo Tamamlandığında
Kullanıcı “Dynamic EAV Form” elementinde kategoriye göre değişen alanları görür.
Form alanları EAV aksiyonlarıyla otomatik güncellenir.
Girilen veriler EAV modeline göre kaydedilir.
Aynı yapı farklı entity’ler (örneğin müşteri, sipariş) için tekrar kullanılabilir.
Kısıtlamalar
Dynamic Form yalnızca EAV modeli ile çalışır, SQL veya REST tabanlı datasourcelarla kullanılamaz.
Beta aşamasında olduğu için bazı özellikler (örneğin form validasyonları veya özel stiller) kararlı sürümde güncellenecektir.
Form alanları yalnızca Attributes listesinde tanımlı verilerle oluşturulabilir.
İpuçları ve Best Practices
EAV tablonuzu önceden yapılandırın. Entity ve Attribute ilişkilerini net belirleyin.
Formu yeniden yüklemeye gerek kalmadan değişken alanlar oluşturmak için EAV aksiyonlarını tetikleyin.
Kullanıcı türüne göre filtreleme yaparak kişiselleştirilmiş form deneyimi sunun.
Value alanlarını güncel tutmak için “onChange → Refresh” aksiyonunu kullanın.
Beta aşamasında olduğundan, test ortamında farklı senaryoları deneyerek geri bildirim sağlayın.
