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
search
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe search. |
| Atribút | search |
| Typ | string |
| Predvolené | - |
attached
| Popis | Riadi správanie voľby attached v komponente. |
| Atribút | attached |
| Typ | any |
| Predvolené | - |
Udalosti
| Názov | Popis |
|---|---|
wje-options:load | Vyvolá sa po dokončení asynchrónneho načítania obsahu. |
Metódy
processData
| Popis | Spracuje data a aktualizuje odvodený stav komponentu. |
| Signatúra | (data: object) => Array |
filterOutDrawnOptions
| Popis | Spustí metódu filterOutDrawnOptions na vykonanie logiky komponentu a aktualizáciu jeho stavu. |
| Signatúra | (response: object) => object |
getPages
| Popis | Vráti stránky z aktuálneho stavu komponentu. |
| Signatúra | (page: number) => Promise<object> |
findSelectedOptionData
| Popis | Nájde vybrané položku data v dátach spravovaných komponentom. |
| Signatúra | (selectedOptionValues: Array) => Array |
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.