|
|
ASP.NET QuickStart Príručka
Používanie webových navigačných ovládacích prvkov
Ovládacie prvky Menu, TreeView, SiteMapPath a SiteMapDataSource generujú základne
navigačné UI pre navigačné data. Tieto dáta môžu byť uložené v XML súboroch, alebo
môžu byť uložené použitím úložiska založeného na možnostiach poskytovateľa funkcie
webovej navigácie. Príklady nižšie demonštrujú použitie rôznych ovládacích prvkov
v spojení s funkciou webovej navigácie.
Tvorba aplikačných máp webu
Navigačná štruktúra navigácie webu príručky QuickStart je znázornená v súboroch
Web.sitemap. Nižšie je k prezretiu súbor sitemap navigačnej štruktúry celej
príručky QuickStart. Súbor Web.sitemap obsahuje jednoduchý koreňový element
<siteMap>. Do elementu <siteMap> musí byť
vnorený aspoň jeden element <siteMapNode>. Vždy tu musí byť aspon
jeden <siteMapNode> element. Funkcia webovej navigácie požaduje
jediný koreň <siteMapNode> na zabezpečenie, že ide o hierarchiu
uzlov, ktoré sa zaručene napokon zbiehajú do jediného, dobre známeho uzlu. Podľa
potreby možete do koreňového elementu <siteMapNode> vnoriť ľubovoľné
množstvo elementov <siteMapNode>. Dokonca môžete vnorovať elementy
<siteMapNode> do ľubovoľnej hĺbky.
Jednotlivé elementy <siteMapNode> obyčajne obsahujú atribúty
Url, Title a Description. Atribút Url
obsahuje virtuálnu cestu ku stránke Vašej aplikácie. Ale taktiež tu môže byť definovaná
aj cesta na stránku inej aplikácie alebo URL odkazujúce na úplne odlišné webové
sídlo. V ukážke nižšie, používajú všetky atribúty Url aplikačne-relatívnu
syntax na odkazovanie ciest vo vnútri apikácie QuickStart. Atribút Title
je použitý ako zobrazovací text pri vytváraní UI pre navigačné data. Napríklad,
ovládací prvok SiteMapPath používa atribut Title na vytváranie textu
hypertextového odkazu v ovládacom prvku. Ak je prítomny aj atribút Description,
serverové ovládacie prvky ho môžu využiť na zobrazenie napr. ALT textov. Ale vývojár
môže samozdrejme pridať aj vlastné atributy do <siteMapNode>
a tieto atribúty budú k dispozícií základnému zostavovateľovi indexov na triedu
SiteMapNode. Pre informácie o iných podporovaných atribútoch elementu
<siteMapNode> pozrite dokumentáciu .NET Framework.
Príklad Web.sitemap
Používanie webových navigačných ovládacích prvkov
Jednoduchou cestou, ako vybaviť webové stránky navigáciou, je použitie jedného z
grafických webových navygačných ovládacích prvkov: SiteMapPath, TeeView a Menu.
-
SiteMapPath
- Ovládací prvok breadcrumb obnovuje aktuálnu uživateľskú stránku a zobrazuje hierarchiu
stránok. Toto umožňuje uživateľom navigáciu späť na iné stránky v hierarchií. SiteMapPath
pracuje výlučne so SiteMapProvider, ktorý môže byť nastavený prostredníctvom vlastnosti
poskytovateľa na ovládacom prvku.
-
TreeView
- Poskytuje vertikálne uživateľské prepojenie rozbalenia a zbalenia vybraných uzlov
na webovej stránke tak dobre, ako poskytuje zaškrtávacie políčka v závislosti na
vybraných položkách. Ovládací prvok TreeView podporuje deklaratívne a programové
nastavenia datových elementov a zdrojových dátových ovládacích prvkov. Pri použití
ovládacieho prvku SiteMapDataSource sa dáta nahrajú automatiky.
-
Menu
- Poskytuje horizontálne alebo vertikálne uživateľské prepojenie takzvaných "pops-out"
a prídavných podponúk menu, pokiaľ užívateľ prejde ponad ponuku. Ovládací prvok
Menu podporuje deklarované a programové nastavenia datových elementov a zdrojových
datových ovládacích prvkov. Pri použití ovládacieho prvku SiteMapDataSource sa dáta
nahrajú automatiky.
POZNÁMKA: Oba ovládacie prvky, TreeView aj Menu, nemusia byť použité len ako navigačné
ovládacie prvky.
Tu je tabuľka, v ktorej sú zvýraznené niektoré rozdiely medzi TreeView a Menu, aby
ste si mohli ľahšie vybrať ten správny ovládací prvok pre Vašu konkrétnu variantu.
|
Vlastnosť/Funkcia |
Menu |
TreeView |
|
Rozbaľovanie |
"PopOut" |
Rozbaľovanie na mieste (stromová štruktúra) |
|
Stiahnutie na požiadanie |
Nie |
Áno |
|
Zaškrtavacie políčka (Checkboxes) |
Nie |
Áno |
|
Šablóny |
Áno |
Nie |
|
Rozmiestnenie (Layout) |
Horizontálne a Vertikále |
Vertikálne |
|
Voľby štýlu |
Áno |
Áno |
|
Model výberu |
Statická, Dynamická úroveň |
Úrovne alebo Rodič/Koreň/Vetva, alebo datové položky |
V tejto ukážke uvidíte ovládacie prvky TreeView a Menu s rôznymi štýlmi nastavení
pre rôzne oblasti a akcie (napríklad: NodeStyle a HoverNodeStyle).
Oba ovládacie prvky, TreeView aj Menu, sa na stránke pripájajú na rovnaký ovládací
prvok SiteMapDataSource. Ovládací prvok SiteMapPath pristupuje k tým istým dátam
prostredníctvom predvoleného poskytovateľa SiteMapProvider, ktorý je nastavený v
súbore Web.config.
VB Navigation Controls
|
|