Options
Element Options je určený na použitie vo vnútri elementu Select a slúži na zobrazovanie dynamicky generovaného zoznamu možností, ktorý sa asynchrónne načíta zo zadanej URL adresy.
Pre viac informácií o použití Options sa presuňte do dokumentácie elementu Select
Kedy použiť
Použite wje-select-options, keď chcete riešiť daný UI problém konzistentne v rámci WebJET dizajn systému.
Kedy nepoužiť
Nepoužívajte komponent mimo jeho zodpovednosti; pri netypickom prípade radšej zložte viac menších prvkov.
Prístupnosť
Skontrolujte klávesnicové ovládanie, focus stavy, kontrast a zrozumiteľné pomenovanie interaktívnych prvkov.
Odporúčané postupy
- Preferujte API komponentu pred ručnými DOM zásahmi.
- Držte sa dizajnových tokenov a konzistentných konvencií pomenovania.
- Pred nasadením otestujte komponent v reálnych dátových scenároch.
Atribúty a vlastnosti
attached
| Popis | Riadi správanie voľby attached v komponente. |
| Atribút | attached |
| Typ | any |
| Predvolené | - |
dropdownHeight
| Popis | Nastavuje rozmery alebo veľkosť pre voľbu dropdown-height. |
| Atribút | dropdown-height |
| Typ | string |
| Predvolené | 100% |
itemText
| Popis | Nastavuje zobrazovaný text pre voľbu item-text. |
| Atribút | item-text |
| Typ | string |
| Predvolené | text |
itemValue
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe item-value. |
| Atribút | item-value |
| Typ | string |
| Predvolené | value |
lazy
| Popis | Určuje, či je voľba lazy zapnutá a ovplyvňuje správanie komponentu. |
| Atribút | lazy |
| Typ | boolean |
| Predvolené | false |
lazyLoadSize
| Popis | Nastavuje rozmery alebo veľkosť pre voľbu lazy-load-size. |
| Atribút | lazy-load-size |
| Typ | number |
| Predvolené | 10 |
optionArrayPath
| Popis | Nastavuje odkaz na zdroj pre voľbu option-array-path. |
| Atribút | option-array-path |
| Typ | string |
| Predvolené | false |
queryParams
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe query-params. |
| Atribút | query-params |
| Typ | string |
| Predvolené | - |
search
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe search. |
| Atribút | search |
| Typ | string |
| Predvolené | false |
searchParamName
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe search-param-name. |
| Atribút | search-param-name |
| Typ | string |
| Predvolené | search |
searchToQueryParams
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe search-to-query-params. |
| Atribút | search-to-query-params |
| Typ | string ｜ null |
| Predvolené | false |
Udalosti
| Názov | Popis |
|---|---|
wje-options:load | Vyvolá sa po dokončení asynchrónneho načítania obsahu. |
Metódy
addOption
| Popis | Pridá položku do spravovanej kolekcie komponentu. |
| Signatúra | (optionData: object) => void |
addOptions
| Popis | Pridá položky do spravovanej kolekcie komponentu. |
| Signatúra | (optionsData: Array, silent?: boolean) => void |
CSS tieňové časti
Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.
CSS vlastné premenné
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
Sloty
Pre tento komponent nie sú dostupné žiadne sloty.