ASP.NET a intégré les contrôles de navigation
Site Web de navigation
Le maintien du menu d'un grand site Web est difficile et prend du temps.
Dans ASP.NET le menu peut être stocké dans un fichier pour le rendre plus facile à entretenir. Ce fichier est appelé web.sitemap et est stocké dans le répertoire racine du Web.
En outre, ASP.NET a trois nouveaux contrôles de navigation:
- menus dynamiques
- TreeViews
- Chemin Plan du site
Le fichier Sitemap
Le fichier sitemap suivant est utilisé dans ce tutoriel:
<?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>Règles pour la création d'un fichier sitemap:
- Le fichier XML doit contenir un <siteMap> balise entourant le contenu
- Le <siteMap> balise ne peut avoir qu'un seul <siteMapNode> nœud enfant (the "home" page)
- Chaque <siteMapNode> peut avoir plusieurs nœuds enfants (web pages)
- Chaque <siteMapNode> a des attributs définissant le titre et URL
Note: Le fichier sitemap doit être placé dans le répertoire racine du Web et les URL des attributs doit être par rapport au répertoire racine.
Menu dynamique
Le <asp:Menu> contrôle affiche un menu site standard de navigation.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>Le <asp:Menu> contrôle dans l'exemple ci - dessus est un espace réservé pour un serveur créé le menu de navigation.
La source de la commande de données est défini par la DataSourceId attribut. L' id="nav1" se connecte au <asp:SiteMapDataSource> contrôle.
Le <asp:SiteMapDataSource> contrôle se connecte automatiquement au fichier par défaut de plan du site ( web.sitemap ) .
Cliquez ici pour voir une démo de menu, TreeView et SiteMapPath
TreeView
Le <asp:TreeView> contrôle affiche un menu de navigation à plusieurs niveaux.
Le menu ressemble à un arbre avec des branches qui peuvent être ouvertes ou fermées avec + ou - symbole.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>Le <asp:TreeView> contrôle dans l'exemple ci - dessus est un espace réservé pour un serveur créé le menu de navigation.
La source de la commande de données est défini par la DataSourceId attribut. L' id="nav1" se connecte au <asp:SiteMapDataSource> contrôle.
Le <asp:SiteMapDataSource> contrôle se connecte automatiquement au fichier par défaut de plan du site ( web.sitemap ) .
Cliquez ici pour voir une démo de menu, TreeView et SiteMapPath
SiteMapPath
Le contrôle SiteMapPath affiche la piste (navigation path) à la page en cours. Le chemin agit comme des liens cliquables vers des pages précédentes.
Contrairement au contrôle TreeView et le contrôle Menu SiteMapPath ne NOT utiliser un SiteMapDataSource. Le contrôle SiteMapPath utilise le fichier web.sitemap par défaut.
Conseils: Si le SiteMapPath affiche de façon incorrecte, très probablement il y a une erreur d'URL (typo) dans le fichier web.sitemap.
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form>Le <asp:SiteMapPath> contrôle dans l'exemple ci - dessus est un espace réservé pour un serveur créé l' affichage du chemin du site.
Cliquez ici pour voir une démo de menu, TreeView et SiteMapPath