Relselect
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 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 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.
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 )