Barvna shema: Temna
Trenutno dejavna stran: start » sl » Dokumentacija » Razširitve DokuWikija (WvdS) » FluentUI (knjižnica oblikovalskega sistema) » FluentUI: reference komponent » FluentUI: Tree List – predstavitveni pregled » Tree List: Adaptivity

Tree List: Adaptivity

Nazaj: predstavitveni pregled


Tree List vedenje pri ozkem prostoru nespremenjeno podeduje od mreže – isto pravilo, isti recept CSS, brez druge pogodbe.

1. Pregled in namen

Stanje: [Live] – nespremenjeno podeduje načelo, ki ga vodi vsebnik, iz DataGrid → Adaptivity.

2. Predpogoji

DataGrid → Adaptivity že razumljena – Tree List podeduje isti recept CSS.

3. Pojmi

Brez dodatnega pravila odzivnosti glede na DataGrid – edini novi dejavnik je stolpec zamika (data-wk-depth), ki pri zelo ozkem panelu poseže v prvi podatkovni stolpec, namesto da bi definiral lastne prelomne točke.

4. Prvi koraki

Se ne uporablja – podedovan recept CSS, brez lastnega klica.

5. Uporaba

Relevantno pri zelo globokih hierarhijah v ozkih panelih – odseka 6/7.

6. API referenca: meja zamika [Live]

Od $opts['maxDepthIndent'] ravni naprej (privzeto 6) se zamik preneha linearno večati in namesto tega prikaže strnjeno oznako »…« (.wk-treelist__deep) z dejansko globino kot orodnim namigom – to prepreči, da bi prvi stolpec pri zelo globokih hierarhijah použil ves razpoložljivi prostor.

7. Parametri, možnosti in stanja

Ključ Tip Pomen
$opts['maxDepthIndent'] int meja ravni, pri kateri se zamik omeji, privzeto 6

8. Popolni primeri

echo $widgets->treeList($columns, $rows, ['rowKey' => 'id', 'maxDepthIndent' => 4]);

9. Omejitve in robni primeri

Nobenih onkraj osnovne pogodbe.

10. Dostopnost in združljivost

Oznaka globine »…« je čisto vizualna – dejanska vrednost globine je ne glede na to prisotna kot aria-level na vsaki vrstici (glej Accessibility).

11. Odpravljanje težav

Se ne uporablja.

12. Sorodne teme

sl/wiki/dwe/wkfluentui/component/treelist/adaptivity.txt · Zadnja sprememba: uporabnika Wolfgang van der Stille