Latest web development tutorials

navigation ASP.NET

ASP.NET avec des contrôles de navigation intégrés.

Navigation du site

Maintenance des grands sites est difficile et chronophage menu.

Dans ASP.NET, le menu peut être stocké dans un fichier, si facile à entretenir. Fichier généralement nomméweb.sitemap, et est stocké dans le répertoire racine de votre site.

En outre, ASP.NET a trois contrôles de navigation de base:

  • menus dynamiques
  • TreeViews
  • Plan du site Chemin

fichier Sitemap

Dans ce tutoriel, nous utilisons le fichier sitemap suivant:

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

Créer des règles fichier sitemap:

  • document XML doit contenir sur le contenu de <siteMap> tag
  • <SiteMap> peut avoir qu'un seul <siteMapNode> nœud enfant (page "home")
  • Chaque <siteMapNode> peut avoir plusieurs nœuds enfants (Web)
  • Chaque <siteMapNode> avec la propriété définit le titre de la page et l'URL

lampeRemarque: fichier sitemapdoit être situé dans le répertoire racine du site, les attributs d'URL doivent être relatif au répertoire racine.

Menu dynamique

<Asp: Menu> contrôle affiche un menu standard de navigation du site.

Lesexemples de code:

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

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

Dans l'exemple ci - dessus<asp: Menu> commande est un espace réservé pour un menu de navigation du serveur créé.

contrôles de source de donnéesDataSourceID définition de l' attribut.id = source de données"nav1"pour se connecter au<asp: SiteMapDataSource>contrôle.

<Asp: SiteMapDataSource> commande se connecte automatiquement au fichier par défaut de sitemap (web.sitemap).

TreeView

<Asp: TreeView> affiche de commande d'un menu de navigation à plusieurs niveaux.

Ce menu ressemble à un arbre avec des branches qui, par signe + ou - pour ouvrir ou fermer.

Lesexemples de code:

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

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

Dans l'exemple ci - dessus<asp: TreeView> contrôle est un espace réservé pour un menu de navigation du serveur créé.

contrôles de source de donnéesDataSourceID définition de l' attribut.id = source de données"nav1"pour se connecter au<asp: SiteMapDataSource>contrôle.

<Asp: SiteMapDataSource> commande se connecte automatiquement au fichier par défaut de sitemap (web.sitemap).

SiteMapPath

SiteMapPath commande affiche un pointeur (chemin de navigation) de la page en cours. Le chemin semble pointer vers la page de parent peut cliquer sur le lien.

Avec différents contrôles TreeView et Menu, contrôle SiteMapPathne pas utiliser le SiteMapDataSource.fichier par défaut de contrôle de web.sitemap SiteMapPath.

lampe Astuce: Si le SiteMapPath est pas affiché correctement, très probablement en raison de la présence d'erreurs d'URL (erreur d'impression) de fichier web.sitemap.

Lesexemples de code:

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

Dans l'exemple ci - dessus<asp: SiteMapPath> contrôle est un espace réservé pour un menu de navigation du serveur créé.