Relselect

Kopyalamak için tıklayın

Veri Modellerinden değerleri seçmek için bileşeni seçin.


Başlangıç ayarları

Data source - açılır seçenekleri göstermek için kullanılacak veri modeli.

Mode - açılır menüden birden fazla seçenek seçebilmek için Multiple seçin. Aksi takdirde, Single 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.


Veri

Data source - Kullanımda olan Veri Modeli . Yalnızca bileşen oluşturulurken yapılandırılabilir.

Label - Tek bir açılır seçenekte gösterilecek Veri Modeli alanları.


İş akışı tetikleyicileri

  • onChange - açılır seçenek değiştiğinde etkinleşir.
  • onFocus - Relselect bileşeni odaklandığında tetiklenir.
  • onBlur - Relselect bileşeni bulanık olduğunda tetiklenir.
  • onCreate - bileşen oluşturulduğunda tetiklenir.
  • onShow - bileşen gösterildiğinde tetiklenir.
  • onHide - bileşen gizlendiğinde tetiklenir.
  • onSearch - kullanıcı mevcut seçeneklerle arama yaptığında tetiklenir.
  • onOpen - açılır menüde yanar.
  • onLoadAll - tüm açılır seçenekler indirildiğinde tetiklenir.

Bileşen Eylemleri

RelSelect Get Properties

Bileşenin özelliklerini alır.

Giriş parametreleri:

  • Component Id [string] - RelSelect bileşeninin tanımlayıcısı;

Çıkış parametreleri:

  • Selected [Data Model type/ Data Model Array type] - seçili seçenek(ler). Yalnızca Bileşen Kimliği belirtildiğinde iş sürecinde gösterilecek.
  • Data [Data Model Array type] - kullanılacak Veri Modeli öğeleri dizisi. Yalnızca Bileşen Kimliği belirtildiğinde iş sürecinde kullanılabilir.
  • 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;
  • 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.

RelSelect Get Properties

RelSelect Set Properties

Bileşenin özelliklerini ayarlar.

Giriş parametreleri:

  • Component Id [string] - RelSelect bileşeninin tanımlayıcısı;
  • 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;
  • 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.

RelSelect Set Properties

RelSelect Update Properties

Bileşenin özelliklerini günceller.

Giriş parametreleri:

  • Selected [Data Model type/ Data Model Array type] - seçili seçenek(ler). Yalnızca Component ID belirtildiğinde iş sürecinde gösterilecek.
  • Data [Data Model Array type] - kullanılacak Veri Modeli öğeleri dizisi. Yalnızca Component ID belirtildiğinde iş sürecinde kullanılabilir.
  • Component Id [string] - RelSelect bileşeninin tanımlayıcısı;
  • 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;
  • 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.

RelSelect Get Properties


kullanım örneği

Açılır seçenekleri görebilmek için sunucudan indirmeniz gerekmektedir.

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

RelSelect bileşeninin oluşturulmasında ( onCreate ) Veri Modeli Dizisini ( Sunucu isteği GET ) alın.

2. Açılır verileri güncelleyin ( RelSelect Update Properties )