Select

Kopyalamak için tıklayın

Önceden tanımlanmış seçenekleri seçmek için bileşeni seçin.


Başlangıç ayarları

Mode - açılır menüden birden fazla seçenek seçebilmek için Çoklu'yu seçin. Aksi takdirde, Tekli mod kullanılmalıdır.


Bak ve Hisset Ayarları

Bileşenin etiketini göstermek için kullanılacak Label (mantory değil).

Bileşenin yer tutucusunu göstermek için kullanılacak yer Placeholder (zorunlu değil).

Name (zorunlu) - bileşenin adı.

Size (zorunlu) - bileşenin boyutu. Bileşen oluşturulduğunda Varsayılan olarak ayarlanır.

Search (zorunlu) - mevcut açılır seçenekler içinde arama yapabilmek için. Varsayılan olarak kapalıdır.

Clear icon (zorunlu) - etkinleştirilirse seçenekleri temizle simgesini gösterir. Varsayılan olarak kapalıdır.

Disabled (zorunlu) - açılırsa bileşeni devre dışı bırakır. Varsayılan olarak kapalıdır.

Visible (zorunlu) - açıksa bileşeni görünür kılar. Varsayılan olarak etkindir.


Seçenekler

Seçenekler , bileşen ayarlarında önceden tanımlanabilir.


İş akışı tetikleyicileri

  • onChange - açılır seçenek değiştirildiğinde tetiklenir.
  • onFocus - Select bileşenine odaklanıldığında tetiklenir.
  • onBlur - Select bileşeni bulanık olduğunda tetiklenir.
  • onCreate - bileşen oluşturulduğunda tetiklenir.
  • onDestroy - bileşen gösterildiğinde tetiklenir.

Bileşen Eylemleri

Select Get Properties

Bileşenin özelliklerini alır.

Giriş parametreleri:

  • Component Id [string] - Bileşenin tanımlayıcısını seçin;

Çıkış parametreleri:

  • Label [string] - bileşenin etiketi;
  • Placeholder [string] - bileşenin yer tutucusu;
  • Allow Clear [boolean] - doğruysa seçimi temizlemeye izin verir;
  • Disable [boolean ] - true ise bileşeni devre dışı bırakır;
  • Araç Tooltip [string] - araç ipucu dizesi;
  • Required Mark [boolean] - doğruysa gerekli işareti gösterir;
  • Debounce (ms) [integer] - değeri doğrulamak için gecikme;
  • Options [Select Option array] - önceden tanımlanmış seçim seçenekleri dizisi;
  • Selected [Select Option array] - seçili seçenekler dizisi veya Tekli Mod durumunda yalnızca tek elemanlı bir dizi;
  • Validate Icon [boolean] - değeri doğrulamak için gösterilecek simge;
  • Validate Status [Status type] - değeri doğrularken gösterilecek durum;
  • Validate Message [string] - değeri doğrulamak için gösterilecek mesaj;

Select Get Properties

Select Set Properties

Bileşenin özelliklerini ayarlar.

Giriş parametreleri:

  • Component Id [string] - Bileşenin tanımlayıcısını seçin;
  • Label [string] - bileşenin etiketi;
  • Placeholder [string] - bileşenin yer tutucusu;
  • Allow Clear [boolean] - doğruysa seçimi temizlemeye izin verir;
  • Disable [boolean] - true ise bileşeni devre dışı bırakır;
  • Araç Tooltip [string] - araç ipucu dizesi;
  • Required Mark [boolean] - doğruysa gerekli işareti gösterir;
  • Debounce (ms ) [integer] - değeri doğrulamak için gecikme;
  • Options [Select Option array] - önceden tanımlanmış seçim seçenekleri dizisi;
  • Validate Icon [boolean] - değeri doğrulamak için gösterilecek simge;
  • Validate Status [Status type] - değeri doğrularken gösterilecek durum;
  • Validate Message [string] - değeri doğrulamak için gösterilecek mesaj;

Select Set Properties

Özellikleri Güncelle'yi seçin

Bileşenin özelliklerini günceller.

Giriş parametreleri:

  • Component Id [string] - Bileşenin tanımlayıcısını seçin;
  • Label [string] - bileşenin etiketi;
  • Placeholder [string] - bileşenin yer tutucusu;
  • Allow Clear [boolean] - doğruysa seçimi temizlemeye izin verir;
  • Disable [boolean] - true ise bileşeni devre dışı bırakır;
  • Araç Tooltip [string] - araç ipucu dizesi;
  • Required Mark [boolean] - doğruysa gerekli işareti gösterir;
  • Debounce (ms ) [integer] - değeri doğrulamak için gecikme;
  • Options [Select Option array] - önceden tanımlanmış seçim seçenekleri dizisi;
  • Validate Icon [boolean] - değeri doğrulamak için gösterilecek simge;
  • Validate Status [Status type] - değeri doğrularken gösterilecek durum;
  • Validate Message [string] - değeri doğrulamak için gösterilecek mesaj;

Select Update Properties

Make Select Option

Verilen alanlar ile Select Option modelini oluşturur.

Giriş parametreleri:

  • ID [integer] - Seçenek Kimliği'ni seçin;
  • Label [string] - Seçeneğin etiketini seçin;
  • Value [integer] - Açılır listeden Seçeneğin sipariş değerini seçin;
  • Icon [string] - Seçenek Seç öğesinde kullanılacak simge;
  • Disabled [boolean] - true ise Select Option'ı devre dışı bırakır;

Çıkış parametreleri:

  • Select Option [Select Option] - Seçenek modelini seçin;

Make Select Option

Expand Select Option

Seçenek Seç modelini genişletir.

Giriş parametreleri:

  • Select Option [Select Option] - Seçenek modelini seçin;

Çıkış parametreleri:

  • ID [integer] - Seçenek Kimliği'ni seçin;
  • Label [string] - Seçeneğin etiketini seçin;
  • Value [integer] - Açılır listeden Seçeneğin sipariş değerini seçin;
  • Icon [string] - Seçenek Seç öğesinde kullanılacak simge;
  • Disabled [boolean] - true ise Select Option'ı devre dışı bırakır;

Expand Select Option


kullanım örneği

Ön uç iş süreçleri aracılığıyla açılır listeye yeni Seçenek Seç öğeleri oluşturmak ve eklemek mümkündür.

Mantık şu şekilde olmalıdır:

  • Belirtilen alanlarla yeni bir Seçenek Seç öğesi oluşturun ( Make Select Option )

  • Mevcut Select Option öğeleri dizisini Select Get Properties ) ve daha önce oluşturulan Seçeneği Seç öğesiyle birleştirin ( Append Array )

  • Belirtilen Select bileşeni için Seçeneği Seç öğeleri dizisini güncelle ( Select Update Properties )