Créez d'abord un nouveau fichier XML nommé menu avec le contenu suivant :
<?xml version="1.0" encoding="utf-8" ?>
<menu>
<menuItem url="~/Default.aspx" title="Accueil" description=""/>
<menuItem url="~/News.aspx" title="Actualités" description="">
<menuItem url="~/News.aspx" title="Nouvelles nationales" description=""/>
<menuItem url="~/News.aspx" title="Actualités internationales" description=""/>
</menuItem>
</menu> Ensuite, faites glisser et déposez un contrôle de menu sur la page, faites glisser et déposez un contrôle XmlDataSource avec l'identifiant XmlDataSource1 et définissez le DataSourceID du menu sur XmlDataSource1.
Configurez le contrôle XmlDataSource pour que DataFile="~/Menu.xml" XPath="menu/menuItem",
Ici, XPath est utilisé pour sélectionner des données, c'est-à-dire pour filtrer les données menuItem.
À ce stade, liez les données du contrôle de menu et indiquez au contrôle de menu comment afficher les données filtrées à partir du fichier XML. Sélectionnez le contrôle de menu, sélectionnez DataBindings dans la fenêtre des propriétés, dans la boîte de dialogue contextuelle, sélectionnez menuItem dans la liste dans le coin supérieur gauche, cliquez sur le bouton Ajouter pour ajouter menuItem à la liste en bas à gauche, puis sélectionnez menuItem dans cette liste, c'est la bonne. La liste affichera les propriétés à lier, donc NavigateUrlField="url" TextField="title". Appuyez sur le bouton OK pour revenir à l'interface de conception. À ce moment, les deux éléments de menu « Accueil » et « Actualités » seront affichés.
Le code HTML de conception est le suivant :
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CoAffiliate._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// FR" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<head runat="serveur">
<title>Page sans titre</title>
</tête>
<corps>
<form id="form1" runat="serveur">
<div>
<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
<Liaisons de données>
<asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" />
</DataBindings>
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Menu.xml" XPath="menu/menuItem"></asp:XmlDataSource>
</div>
</form>
</corps>
</html>