Select Box

‍

Kuika'nın Select Box elementi, uygulamanızda kullanıcıların belirli bir seçenekler arasından seçim yapmalarını sağlayan elementtir. Select Box ile açılır menü aracılığıyla mevcut seçenekler arasında kolayca geçiş yapabilir ve istedikleri seçeneği hızlı bir şekilde belirleyebilir. Bu eğitim içeriğinde, Select Box elementini nasıl kullanacağınızı ve seçeneklerinizi nasıl yapılandıracağınızı öğreneceksiniz.

Select Box elementi, web ve mobil uygulamaları desteklemektedir.

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

Select Box elementi ekleme,
Select Box elementi özellikleri,
Select Box Elementine veri aktarımı için Datasources modülünde çalışma,
Select Box Elementine veri aktarımı için UI Design modülünde çalışma,
Authorization (Yetkilendirme),
Visibility (Görünürlük),
Editability (Düzenlenebilirlik),
Style Panel ile arayüz tasarımını özelleştirme,
Actions (Aksiyonlar).

Kuika ile uygulama geliştirme sürecinde Select Box elementine veri aktarımı sağlamak için, öncelikle Datasources modülünde bazı işlemleri gerçekleştirmelisiniz. Aşağıdaki adımları takip ederek verilerinizi Select Box'a aktarabilirsiniz.

‍

“Datasources” modülünü açın.
Select Box’a aktarmak istediğiniz verilerin yer alacağı bir veri tablosu oluşturun. Örnek senaryo kapsamında bir “Department” tablosu oluşturabilirsiniz.

2.1 Yeni Tablo Ekleme

Datasources Modülünde solda yer alan “Tables” başlığı üzerine imleç ile gelin.
Tables yanında çıkan “+” ikonuna tıklayın.

Açılan menü aracılığıyla “New Table”a tıklayın.

Gelen ekranda tablo ismi olarak Department yazın ve “NEXT” butonuna tıklayın.

2.2 Kolon Ekleme

Karşınıza gelen ekranda, Kuika tarafından varsayılan olarak oluşturulan Guid tipinde Id isimli bir kolon göreceksiniz.

Yeni kolon eklemek için Column Name bilgisini girin.
Daha sonra, Column Type başlığı altında yer alan açılır menü aracılığıyla veri türünü seçin. Örnek senaryoda, Department tablosunda yer alacak sütun olarak DepartmentName (String tipi) ekleyin.
Sütun ismini eklerken İngilizce karakter kullanmalısınız; özel karakterler kullanmaktan kaçının.

2.3 Kolonları Tanımlama

Column Name ve Column Type bilgilerini doldurduktan sonra gereklilik ve benzersizlik durumlarını seçin ve “Add” butonuna tıklayın.
Eklediğiniz sütunları Department tablosu içerisinde listeleyebilir ve gerektiğinde silebilirsiniz.
Sütun ekleme işlemini tamamladıktan sonra sağ üst köşede bulunan “CREATE” butonuna tıklayarak tabloyu oluşturun.

3. Özel Aksiyon Oluşturma

Tablo oluşturma işlemi sonrasında, Select Box elementinde verilerin listelenmesini sağlayacak özel bir aksiyon oluşturmalısınız.

3.1 New SQL Action Ekleme

Datasources modülünde solda yer alan Actions başlığı üzerine imleç ile gelin.
“Actions” başlığı yanında çıkan “+” ikonuna tıklayın.
Açılır menüden “New SQL Actions”'a tıklayın.

3.2 Aksiyon İsimlendirme

Açılan ekranda, aksiyonunuzu isimlendirin ve “Next” butonuna tıklayın. Örnek senaryo için, Select Box içerisinde departmanların listelenmesini sağlayacak aksiyon için SelectDepartment ismini kullanabilirsiniz.

3.3 SQL Editör Kullanımı

Açılan ekranda sizi bir SQL Editör karşılayacak. SQL Editör’de listeleme için gereken SQL sorgusunu yazın. Örnek senaryo kapsamında kullanılacak SelectDepartment aksiyonunu oluşturmak için aşağıdaki sorguyu kullanabilirsiniz:

SELECT * FROM Department

Kuika’da Select sorgusunu, herhangi bir sorgu ifadesi yazmadan da hızlı ve kolay bir şekilde oluşturabilirsiniz. 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ıklayın. Department tablosunun üzerine imleç ile gelin ve detay menüsünü açın.

Açılan menüde yer alan “Add Select Query”e tıklayın.
“Add Select Query”e tıkladıktan sonra, Select sorgusu otomatik olarak SQL editöre eklenecektir.

Bu adımları takip ederek, Select Box elementine veri aktarımını başarıyla gerçekleştirebilirsiniz.