Kuika’nın Nested özelliği sayesinde Table, Gallery View ve Flex Grid elementlerini birbirlerinin içine sürükleyip bırakabilir ve veri bağlayabilirsiniz. Bu eğitim içeriğinde, Nested özelliği ile veri tekrarlayıcı elementlerin birbirleri içinde nasıl kullanılabileceğini öğreneceksiniz.

Nested yapısı, web ve mobil uygulamaları desteklemektedir.

Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:

Nested özelliği ile iç içe eklenmiş veri elementleri oluşturun.
Elementlere veri kaynağı bağlayın.
Nested veri elementlerini test edin.

Nested Özelliği ile İç İçe Geçmiş Veri Elementleri Oluşturun

Kuika platformuna giriş yaptıktan sonra “Apps” ekranından çalışacağınız projeyi açın.

“UI Design”(1) modülünde, sol kenarda bulunan “Elements” (2) panelinden “Table” (3) elementini ekrana sürükleyip bırakın.
Ardından Table elementinin içerisine bir Table elementi daha sürükleyip bırakın.

Bu aşamada dilerseniz Table elementi içerisine Table elementi yerine Gallery View ya da Flex Grid elementlerini sürükleyip bırakabilirsiniz.

Bir Table elementi içerisine en fazla bir tane Table, Gallery View veya Flex Grid elementi eklenebilir.

Böylece iç içe geçmiş elementlerle nested özelliğine sahip bir tablo oluşturdunuz.

Elementlere Veri Kaynağı Bağlayın

“Data Sources” modülüne giriş yaptıktan sonra sol kenardaki “Sources” yanında bulunan “+” ikonuna tıklayın.
Veri kaynağını Rest API ya da C# ile bağlayabilirsiniz.
Veri kaynağı seçimini yaptıktan sonra “CREATE” butonuna tıklayın.

Diğer veri kaynaklarıyla (örneğin, MSSQL DB, Swagger, Bluetooth, AI Actions) nested veri elementlerine veri bağlanamaz.

Nested Veri Elementlerini Test Edin

“UI Design” modülündeyken sağ kenarda bulunan “Properties” panelini açın.
Ana Table elementine tıkladıktan sonra ‘’Data Sources” açılır menüsünden veri bağlantısını seçin. (Örneğin; müşteri listesi)

‍

Ana Table elementinin içine eklediğiniz ikinci Table elementine tıklayın ve “Properties” panelinde bulunan “Data Sources” açılır menüsünden veri bağlantısı seçin. Bu veri kaynağı, ana Table elementinin içindeki başka bir liste olmalıdır. (Örneğin; müşteri listesinde bulunan adresler listesini seçin.)

‍