Formulaires Web ASP.NET - Navigation
Cette section présente principalement la navigation sur le site Web ASP.NET et comment utiliser les contrôles de navigation.ASP.NET est livré avec des contrôles de navigation intégrés.
Navigation sur les sites
La maintenance des menus pour les grands sites Web est difficile et prend du temps.
Dans ASP.NET, les menus peuvent être stockés dans des fichiers, ce qui facilite leur maintenance. Le fichier est généralement nommé web.sitemap et est stocké dans le répertoire racine du site Web.
De plus, ASP.NET dispose de trois contrôles de navigation centraux :
Menus dynamiques
Vues arborescentes
Chemin du plan du site
Fichier de plan du site
Dans ce tutoriel, le fichier de plan de site suivant est utilisé :
<?xml version="1.0" encoding="ISO-8859-1" ?><siteMap><siteMapNode url="/aspnet/w3home.aspx"><siteMapNode url="/aspnet/w3services.aspx"><siteMapNode url="/aspnet/w3training.aspx"/><siteMapNode url="/aspnet/w3support.aspx"/></siteMapNode></siteMapNode></siteMap>Règles de création de fichiers de plan de site :
Le fichier XML doit contenir des balises <siteMap> entourant le contenu
La balise <siteMap> ne peut avoir qu'un seul nœud enfant <siteMapNode> (page "accueil")
Chaque <siteMapNode> peut avoir plusieurs nœuds enfants (pages Web)
Chaque <siteMapNode> possède des attributs qui définissent le titre et l'URL de la page.
Remarque : Le fichier de plan du site doit se trouver dans le répertoire racine du site et les propriétés de l'URL doivent être relatives à ce répertoire racine.
menu dynamique
Le contrôle <asp:Menu> affiche un menu de navigation de site standard.
Exemple de code :
<asp:SiteMapDataSource id="nav1" runat="server" /><form runat="server"><asp:Menu runat="server" DataSourceId="nav1" /></form>Le contrôle <asp:Menu> dans l'exemple ci-dessus est un espace réservé permettant au serveur de créer un menu de navigation.
La source de données du contrôle est définie par la propriété DataSourceId . id="nav1" connecte la source de données au contrôle <asp:SiteMapDataSource> .
Le contrôle <asp:SiteMapDataSource> se connecte automatiquement au fichier de plan de site par défaut ( web.sitemap ).
Vue arborescente
Le contrôle <asp:TreeView> affiche un menu de navigation à plusieurs niveaux.
Ce menu ressemble à un arbre avec des branches et peut être ouvert ou fermé à l'aide des symboles + ou -.
Exemple de code :
<asp:SiteMapDataSource id="nav1" runat="server" /><form runat="server"><asp:TreeView runat="server" DataSourceId="nav1" /></form>Le contrôle <asp:TreeView> dans l'exemple ci-dessus est un espace réservé permettant au serveur de créer un menu de navigation.
La source de données du contrôle est définie par la propriété DataSourceId . id="nav1" connecte la source de données au contrôle <asp:SiteMapDataSource> .
Le contrôle <asp:SiteMapDataSource> se connecte automatiquement au fichier de plan de site par défaut ( web.sitemap ).
Chemin du plan du site
Le contrôle SiteMapPath affiche un pointeur (chemin de navigation) vers la page actuelle. Le chemin apparaît sous la forme d'un lien cliquable vers la page parent.
Contrairement aux contrôles TreeView et Menu, le contrôle SiteMapPath n'utilise pas de SiteMapDataSource. Le contrôle SiteMapPath utilise le fichier web.sitemap par défaut.
Exemple de code :
<form runat="server"><asp:SiteMapPath runat="server" /></form>Le contrôle <asp:SiteMapPath> dans l'exemple ci-dessus est un espace réservé permettant au serveur de créer un menu de navigation.
Ce qui précède concerne l'utilisation de la navigation ASP.NET Grâce à la navigation sur un site Web, vous pouvez accéder rapidement à une page.