Data Elementlerinde Nested Yapısı İle Veri Bağlama

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ılacağını öğreneceksiniz.

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

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

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

Nested özelliği ile iç içe eklenmiş veri elementleri oluşturma
Elementlere veri kaynağı bağlama
Nested veri elementlerini test etme

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

Kuika platformuna giriş yapın ve Apps ekranından çalışacağınız projeyi açın.
UI Design modülünde, sol kenarda bulunan Elements panelinden Table elementini ekrana sürükleyip bırakın.

Ardından, Table elementinin içerisine bir Table elementi daha sürükleyip bırakın. Dilerseniz Gallery View veya Flex Grid elementlerini de kullanabilirsiniz.

Böylece iç içe geçmiş elementlerle nested özelliğine sahip bir tablo oluşturmuş olacaksınız.

Elementlere Veri Kaynağı Bağlayın

Data Sources modülüne giriş yapın.
Sol kenarda bulunan Sources sekmesindeki + ikonuna tıklayın.

Veri kaynağını REST API veya C# ile bağlayın.
Veri kaynağı seçimini yaptıktan sonra CREATE butonuna tıklayın.

Nested veri elementlerine yalnızca REST API ve C# veri kaynakları bağlanabilir. MSSQL DB, Swagger, Bluetooth, AI Actions gibi diğer veri kaynakları desteklenmemektedir.

Nested Veri Elementlerini Test Edin

UI Design modülündeyken sağ kenardaki Properties panelini açın.

Ana Table elementine tıklayın ve 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.
Properties panelinde bulunan Data Sources açılır menüsünden bir 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.)
Sağ üst köşede bulunan Preview butonuna tıklayarak uygulamanızın önizlemesini yapabilirsiniz.

Bu adımları takip ederek Kuika’da Nested özelliğini kullanarak veri elementlerini iç içe bağlayabilir ve uygulamalarınızda dinamik veri yönetimini etkin hale getirebilirsiniz.