OrgChartItem
Komponent OrgChartItem slúži na zobrazenie jednej položky v organizačnej štruktúre. Môže obsahovať rôzne typy uzlov a prepojenia medzi nimi. Tento komponent je súčasťou OrgChart komponentu, ktorý slúži na zobrazenie celej organizačnej štruktúry.
Pre viac informácií o použití OrgChartItem prejdite na stránku dokumentácie elementu OrgChart.
Virtuálny uzol
Atribút virtual použite vtedy, keď položka slúži iba ako štrukturálny spojovací bod. Item v tomto režime nevykreslí vlastnú kartu ani expander, ale ponechá slot child, takže podriadené uzly môžu pokračovať v strome bez viditeľnej medzi-dlaždice.
Vnorený wje-orgchart zvyčajne kombinujte s atribútom flat.
Kedy použiť
Použite wje-orgchart-item, keď používateľ potrebuje orientáciu v aplikácii alebo prechod medzi stavmi/obrazovkami.
Kedy nepoužiť
Nepoužívajte viac paralelných navigačných vzorov, ktoré si navzájom konkurujú.
Prístupnosť
Zabezpečte jasné active/selected stavy, predvídateľné poradie tabulátora a pomenovanie ovládacích prvkov.
Odporúčané postupy
- Držte URL a UI stav v synchronizácii, aby bola navigácia reprodukovateľná.
- Používajte konzistentné názvoslovie položiek naprieč menu, breadcrumbom a tabmi.
- Pri hlbokých štruktúrach pridajte pomocný kontext (breadcrumb, nadpis, ikony).
Atribúty a vlastnosti
boss
| Popis | Určuje, či je voľba boss zapnutá a ovplyvňuje správanie komponentu. |
| Atribút | boss |
| Typ | boolean |
| Predvolené | false |
virtual
| Popis | Určuje, či je voľba virtual zapnutá a ovplyvňuje správanie komponentu. |
| Atribút | virtual |
| Typ | boolean |
| Predvolené | false |
Udalosti
| Názov | Popis |
|---|---|
wje-orgchart-item:click | Vyvolá sa pri kliknutí na komponent. |
Metódy
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS tieňové časti
| Názov | Popis |
|---|---|
| `` | Štýluje shadow časť časť. |
native | Štýluje koreňovú shadow časť komponentu. |
expander | Štýluje shadow časť expander. |
CSS vlastné premenné
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
Sloty
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |
child | Slot pre vlastný obsah child v komponente. |