Ultimele tutoriale de dezvoltare web
 

ASP.NET Formulare Web - Navigare


ASP.NET a construit-in comenzile de navigare


Web Site-ul de navigare

Menținerea meniul unui site web de mare este dificilă și consumatoare de timp.

În ASP.NET meniul poate fi stocat într-un fișier pentru a face mai ușor de întreținut. Acest fișier este numit în mod normal , web.sitemap , și este stocat în directorul rădăcină al web.

În plus, ASP.NET are trei controale de navigare noi:

  • meniuri dinamice
  • treeviews
  • Harta site-ului Cale

Fișierul sitemap

Următorul fișier sitemap este utilizat în acest tutorial:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<siteMap>
  <siteMapNode title="Home" url="/aspnet/w3home.aspx">
    <siteMapNode title="Services" url="/aspnet/w3services.aspx">
      <siteMapNode title="Training" url="/aspnet/w3training.aspx"/>
      <siteMapNode title="Support" url="/aspnet/w3support.aspx"/>
    </siteMapNode>
  </siteMapNode>
</siteMap>

Reguli pentru crearea unui fișier sitemap:

  • Fișierul XML trebuie să conțină o <siteMap> etichetă care înconjoară conținutul
  • <siteMap> tag - ul poate avea doar un singur <siteMapNode> nodul copil (the "home" page) de (the "home" page)
  • Fiecare <siteMapNode> poate avea mai multe noduri copii (web pages)
  • Fiecare <siteMapNode> are atribute care definesc titlul paginii și adresa URL

Note: Fișierul sitemap trebuie să fie plasat în directorul rădăcină al web și URL atributele trebuie să fie relativ la directorul rădăcină.


Meniu dinamic

<asp:Menu> afișează un meniu de control standard de navigare site - ului.

Code Example:

<asp:SiteMapDataSource id="nav1" runat="server" />

<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>

<asp:Menu> Controlul în exemplul de mai sus este un substituent pentru un meniu de navigare server de creat.

Sursa de date a controlului este definit de DataSourceId atributul. id="nav1" se conecteaza la <asp:SiteMapDataSource> controlul.

<asp:SiteMapDataSource> controlul se conectează automat la fișierul implicit sitemap ( web.sitemap ) .

Click aici pentru a vedea un demo de meniu, TreeView și SiteMapPath


TreeView

<asp:TreeView> afișează un meniu de control multiplu de navigație nivel.

Meniul arata ca un copac cu ramuri care pot fi deschise sau închise cu + sau - simbolul.

Code Example:

<asp:SiteMapDataSource id="nav1" runat="server" />

<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>

<asp:TreeView> controlul în exemplul de mai sus este un substituent pentru un meniu de navigare server de creat.

Sursa de date a controlului este definit de DataSourceId atributul. id="nav1" se conecteaza la <asp:SiteMapDataSource> controlul.

<asp:SiteMapDataSource> controlul se conectează automat la fișierul implicit sitemap ( web.sitemap ) .

Click aici pentru a vedea un demo de meniu, TreeView și SiteMapPath


SiteMapPath

Controlul SiteMapPath afișează traseul (navigation path) de (navigation path) la pagina curentă. Calea acționează ca link-uri către paginile anterioare se poate face clic.

Spre deosebire de controlul TreeView și controlul meniului SiteMapPath nu NOT utilizați un SiteMapDataSource. Controlul SiteMapPath utilizează fișierul web.sitemap implicit.

Sfaturi: În cazul în care SiteMapPath afișează incorect, cel mai probabil , există o eroare de adresă URL (typo) de (typo) în fișierul web.sitemap.

Code Example:

<form runat="server">
<asp:SiteMapPath runat="server" />
</form>

<asp:SiteMapPath> controlul în exemplul de mai sus este un substituent pentru o afișare cale de site - ul creat de server.

Click aici pentru a vedea un demo de meniu, TreeView și SiteMapPath