auto_stories Bilgi Bankası chevron_right Form chevron_right Makale

Selection Box

Form içerisinde tanımlanmış olan seçeneklerin seçimini görsel olarak sunan form elemanıdır. Bu form elemanında seçenek sınırlaması yoktur. İki değer üzerinden çalışılıyormuş görüntüsü verilse de Values alanına yazılan değerler Client ekranında seçenek olarak görüntülenecektir.  Gelen seçeneklerden yalnızca bir tanesinin seçimine izin verilir. Birden fazla seçim yapılması gereken durumlarda Selection Box Multi form elemanı kullanılmalıdır. 

 

Araç Kutusundaki Görünümü

Free Formda Görünümü

 Responsive Formda Görünümü

mceclip0.png

 mceclip1.png icons8-cancel-48.png

 

Uyumluluk

Free Form Responsive Form Mobile
icons8-check-circle-48.png icons8-cancel-48.png icons8-check-circle-48.png

 

Selection Box aracının özellikleri

Type(Alan Türü): Eklenilen form aracının alan türünü gösterir. Burada yer alan değer değiştirilemez.

Name (Alan İsmi):  Veri tabanında oluşacak olan alanın ismi yazılır.

mceclip2.png

 

Field Style(Alan Stili): Alan içerisine gelecek olan değerlerin nereden bilgi çekeceği(sabit değer, sql query veya Xpoda Addon) seçimi yapılır.

  • Constant Value (Sabit Değer): Alan içerisine gelecek olan değerler, sabit değerler üzerinden gelinecekse bu alan seçimi yapılır, yazılacak olan değerler Values alanına enter tuşuna basılarak eklenir. 

mceclip6.png

 

  • SQL Query (SQL Sorgusu): Alan içerisine gelecek olan değerler, dinamik değerler üzerinden gelinecekse bu alan seçimi yapılır, yazılacak olan değerler SQL sorgusu şeklinde gönderilir. 

mceclip5.png

 

  • Xpoda Addon (Xpoda Eklenti): Xpoda Platformunda, istenilen yerlerde özel olarak geliştirilen kodlar çalıştırılmak istenebilir. Bu maksatla geliştirilecek .NET Class Library'leri kullanılabilir. Bu seçenek seçimi sonrası Kütüphane - Class - Method seçimlerinin yapılması gerekmektedir. 

mceclip7.png

 

Default Value(Varsayılan Değer):Bu alana yazılan değer, client ekranındaki alanın içerisine varsayılan olarak gelir.

mceclip8.png

 

Table Length(Tablo Uzunluk):Veri tabanında oluşacak olan alanın uzunluğu girilir. Bu alanda sonradan yapılan olan değişiklikler veri tabanını etkilemez.

mceclip9.png

 

Help Text(Yardım Metni):Form aracı üzerine Fare ile gelindiğinde açıklama çıkması için girilen metindir. 

mceclip10.png

 

Color(Renk):Form aracının içi ve/veya içindeki yazının rengini düzenler.

mceclip11.png

 

Height/Width(Yükseklik/Genişlik):Form aracının yüksekliğini ve genişliğini düzenler(Genişlik alanı Responsive Formlardan kaldırılmıştır).

mceclip12.png

 

Format (Format): Veri seçimi yapıldıktan sonra seçilen değerin veri tabanında kaydedilecek formatı(int, decimal, varchar..) seçilir.

mceclip14.png

 

Fit Horizontal (Yatay Sığdır): Kullanıcının ekranında form aracını yatay olarak tam ekrana sığdırır.

Pin Right (Sağa Sabitle): Form aracını sağa sabitler.

Display (Görünür): Form aracının Client ekranında görünmemesini sağlar.

Form Only(Sadece Formda): Form aracına girilen bilgileri sql'e kaydetmeyerek, sadece formda oluşmasını sağlar. Burada sonradan yapılan değişiklikler veri tabanını etkilemez.

 

Selection Box aracının içerisinde kullanabilecek aksiyonlar

Form sayfasında her eklenen form elemanı için farklı aksiyonlar bulunmaktadır. Selection Box aracı için tanımlanmış olan aksiyonları görüntülemek için öncelikle Selection Box aracı seçilir ardından sağ panelde yer alan aksiyonlar menüsü açılır.

 

mceclip15.png

Selection Box aracı içerisinde kullanabilecek aksiyonlar ve detayları aşağıdaki gibidir. 

mceclip16.png

On Value Change(Değer Değiştiğinde): Selection Box alanının içindeki değer değiştiğinde çalışır.

 

Örnek Kullanımı 1:

Form sayfası içerisinde ay bilgileri selection box kullanılarak gösterilmek istenir. Ay değerleri dinamik olamayacağından sabit değer ile form elemanına gönderilmelidir. 

Form sayfası içerisine Selection Box elemanı eklenir.  Field Style alanından Constant Value türü seçilir  seçim sonrasında özellikler panelinde yer alan Values alanına ay bilgileri enter tuşu kullanılarak eklenir.

Form elemanı, özellik panelinin görseli ve client görüntüsü aşağıdaki gibidir.

e.png

mceclip1.png

 

Örnek Kullanımı 2:

Bir form sayfası içerisinde ürün seçimi yapılmak istenmektedir. Seçenekler PRODUCTS tablosundan gelmekte olup bu alan dinamik yönetilmektedir. Seçim yapılacak ürünler için Selection Box form elemanı kullanılacak, dinamik değerlerle çalışılacağından SQL sorgusu kullanılacaktır.

 

Form sayfası içerisine Selection Box elemanı eklenir.  Field Style alanından SQL Ouery seçilir,  seçim sonrasında özellikler panelinde yer alan SQL Query alanına uygun sorgu yazılır. 

Form elemanı, özellik panelinin görseli ve client görüntüsü aşağıdaki gibidir.

f.png

 

mceclip1.png

visibility 20 görüntülenme thumb_up 0 Faydalı thumb_down 0 Faydasız schedule Güncellendi 24 Nis