Select Box’a Veri Aktarımı
Select Box elementine nasıl veri aktarıldığını öğrenin.
Kuika ile uygulama geliştirme sürecinde Select Box elementini kullanabilir, Select Box elementine veri bağlantısı sağlayabilirsin.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır.
Select Box Elementine Veri Aktarımı için Datasources Görünüm Modunda Çalışma
Select Box Elementine Veri Aktarımı için UI Design Görünüm Modunda Çalışma
Bu eğitim içeriği kapsamında, bir şirketin sahip olduğu departmanların SelectBox aracılığıyla seçiminin sağlanacağı örnek senaryo aktarılacaktır.
1. SelectBox Elementine Veri Aktarımı için Datasources Görünüm Modunda Çalışma:
Kuika ile uygulama geliştirme sürecinde Select Box elementine veri aktarımı sağlamak için öncelikle Datasources görünüm modunda bazı işlemleri gerçekleştirmelisin.
İlk olarak Datasources görünüm modunu aç.
Daha sonra Select Box’ a aktarmak istediğin verilerin yer alacağı veri tablosunu oluştur. Örnek senaryo kapsamında bir Department tablosu oluşturabilirsin.
Department tablosunu eklemek için solda yer alan Tables başlığı üzerine imleç ile gel. Tables yanında çıkan + ikonuna tıkla.
Açılır menü aracılığıyla New Table' a tıkla. Gelen ekranda tablo ismi olarak Department yaz ve NEXT butonuna tıkla.
Karşına gelen ekranda Guid tipinde Id isimli bir kolon varsayılan olarak Kuika tarafından oluşturulmaktadır.
Yeni kolon eklemek için Column Name bilgisini gir. Daha sonra Column Type başlığı altında yer alan açılır menü aracılığıyla veri türünü seç.
Örnek senaryo kapsamında Department tablosunda yer alacak sütunları ve sütun tiplerini ekle. Bu bağlamda sütun tipi String olan bir DepartmentName sütunu ekle.
Sütun ismi eklerken ingilizce karakter kullanmalısın. Ayrıca özel karakterler kullanmamalısın.
Ekleme işlemini gerçekleştirmek için Column Name ve Column Type bilgilerini doldur. Sütun için gereklilik ve benzersizlik durumlarını seç ve Add butonuna tıkla.
Eklediğin sütunları Department tablosu içerisinde listeleyebilir, gerektiğinde silebilirsin
Sütun ekleme işlemini tamamladıktan sonra sağ üst köşede bulunan CREATE butonuna tıklayarak tabloyu oluştur.
Tablo oluşturma işlemi sonrasında Select Box elementinde verilerin listelenmesini sağlayacak özel aksiyonu oluşturmalısın.
Yeni bir özel aksiyon eklemek için Datasources görünüm modunda solda yer alan Actions başlığı üzerine imleç ile gel. Actions başlığı yanında çıkan + ikonuna tıkla.
Açılır menüden Yeni Özel Aksiyon'a tıkla.
Açılan Yeni bir Aksiyon Ekleme ekranında aksiyonunu isimlendirerek Next butonuna tıkla.
Örnek senaryo kapsamında Select Box içerisinde departmanların listelenmesini sağlayacak aksiyon için SelectDepartment ismini kullanabilirsin.
Açılan ekranda seni bir SQL Editör karşılayacak. SQL Editör’de listeleme için gereken SQL sorgusunu yaz.
Örnek senaryo kapsamında kullanılacak SelectDepartment aksiyonunu oluşturmak için aşağıdaki sorguyu kullanabilirsin.
Kuika’ da Select sorgusunu herhangi bir sorgu ifadesi yazmadan da hızlı ve kolay bir şekilde oluşturabilirsin.
Hızlı ve kolay bir şekilde listeleme aksiyonunu oluşturmak için SQL editör ekranının sol menüsünde bulunan Tables' a tıkla. Department tablosunun üzerine imleç ile gel. Detay menüsü aç.
Açılan menüde yer alan Add Select Query'e tıkla.
Add Select Query' e tıkladıktan sonra, Select sorgusu otomatik olarak SQL editöre eklenecektir.
2. SelectBox Elementine Veri Aktarımı için UI Design Görünüm Modunda Çalışma:
Datasource görünüm modundaki işlemleri tamamladıktan sonra UI Design görünüm modunu aç.
Daha sonra, Select Box elementi ile çalışmak istediğin ekranı aç.
Select Box elementine veri aktarımını sağlamak için öncelikle SelectBox elementinin yer alacağı ekrana, oluşturmuş olduğun özel aksiyonu Initial Action olarak eklemelisin.
Initial Action eklemek için Screen Properties’de, ADD ACTION butonuna tıkla.
Açılan menüde Initial Actions > Custom> Datasource üzerine imleç ile gel. Datasource öğesinin üzerine imleç ile geldiğinde oluşturmuş olduğun özel aksiyonlar listelenecektir. Bu liste içerisinden SelectDeparment özel aksiyonuna tıkla.
Ardından bir adet Select Box elementini sürükleyip çalışma alanına bırak.
Veri aktarımını sağlamak için sürükleyip bıraktığın Select Box elementine tıkla.
Sağda açılan Properties paneli aracılığıyla Options menüsünü aç. Action başlığı altında bulunan açılır menüde özel aksiyon olarak oluşturduğun ve SelectBox’da listelemeyi sağlayacak aksiyonu seçmelisin. Örnek senaryo kapsamında SelectDepartment aksiyonunu seç.
Field to display başlığı altında Select Box elementinde gösterilecek verilerin bulunduğu kolonu seçmelisin. Örnek senaryo kapsamında departmentname seçimini yap.
Son olarak Field to Use as Key başlığı altında bulunan açılır menüde key olarak Id olarak seçimini yapın.
Last updated
