Latest web development tutorials

nawigacja ASP.NET

ASP.NET z wbudowanymi elementami nawigacyjnymi.

Nawigacja strony

Utrzymywanie dużych miejsc jest trudne i czasochłonne menu.

W ASP.NET, menu mogą być przechowywane w pliku, tak łatwe do utrzymania. Plik zazwyczaj nazwanyweb.sitemap i jest przechowywany w katalogu głównym witryny.

Ponadto ASP.NET ma trzy podstawowe elementy sterujące nawigacji:

  • Dynamiczne menu
  • treeviews
  • Mapa strony Path

Mapa pliku

W tym tutorialu użyjemy następujący plik Sitemap:

<?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>

Tworzenie reguł plik Sitemap:

  • dokument XML musi zawierać o treści <Mapa strony> tagu
  • <SiteMap> tag może mieć tylko jedno <siteMapNode> węzeł podrzędny (strona "dom")
  • Każdy <siteMapNode> może mieć wiele węzłów potomnych (web)
  • Każdy <siteMapNode> z nieruchomości określa tytuł strony i adres URL

lampaUwaga: plik mapy witrynymusi znajdować się w katalogu głównym serwisu, atrybuty URL muszą być w stosunku do katalogu głównego.

Dynamiczne menu

<Asp: Menu> Wyświetlacze kontrolne standardowe Menu nawigacji strony.

Przykłady kodu:

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

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

W powyższym przykładzie<asp: Menu> Kontrola jest symbolem zastępczym serwerze tworzone menu nawigacyjnym.

Kontrola źródła danychDataSourceId definicji atrybutów.id = "NAV1" źródło danych, aby połączyć się z<asp: SiteMapDataSource>kontrolą.

<Asp: SiteMapDataSource> Kontrola automatycznie łączy się z domyślnym pliku mapy witryny (web.sitemap).

TreeView

<Asp: TreeView> Wyświetlacze sterujące nawigacji menu wielopoziomowe.

To menu wygląda jak drzewo z gałęziami, że o + lub - znak do otwarcia lub zamknięcia.

Przykłady kodu:

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

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

W powyższym przykładzie<asp: TreeView> Kontrola jest symbolem zastępczym serwerze tworzone menu nawigacyjnym.

Kontrola źródła danychDataSourceId definicji atrybutów.id = "NAV1" źródło danych, aby połączyć się z<asp: SiteMapDataSource>kontrolą.

<Asp: SiteMapDataSource> Kontrola automatycznie łączy się z domyślnym pliku mapy witryny (web.sitemap).

SiteMapPath

SiteMapPath sterowania wyświetlany jest wskaźnik (ścieżkę nawigacji) bieżącej strony. Droga wydaje się wskazywać na stronie nadrzędnej może kliknąć na link.

Z różnych sterowania TreeView i menu, kontrola SiteMapPathnie używa SiteMapDataSource.SiteMapPath domyślny plik kontroli web.sitemap.

lampa Wskazówka: Jeśli SiteMapPath nie jest wyświetlany prawidłowo, najprawdopodobniej ze względu na obecność błędów URL (błąd drukowania) plik web.sitemap.

Przykłady kodu:

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

W powyższym przykładzie<asp: SiteMapPath> Kontrola jest symbolem zastępczym serwerze tworzone menu nawigacyjnym.