Erstellen Sie zunächst eine neue XML-Datei mit dem Namen „menu“ mit folgendem Inhalt:
<?xml version="1.0" binding="utf-8" ?>
<Menü>
<menuItem url="~/Default.aspx" title="Home" description=""/>
<menuItem url="~/News.aspx" title="News" description="">
<menuItem url="~/News.aspx" title="Inländische Nachrichten" description=""/>
<menuItem url="~/News.aspx" title="Internationale Nachrichten" description=""/>
</menuItem>
</menu> Ziehen Sie dann ein Menüsteuerelement per Drag & Drop auf die Seite, ziehen Sie ein XmlDataSource-Steuerelement mit der ID XmlDataSource1 per Drag & Drop und legen Sie die DataSourceID des Menüs auf XmlDataSource1 fest.
Konfigurieren Sie das XmlDataSource-Steuerelement so, dass DataFile="~/Menu.xml" XPath="menu/menuItem",
Hier wird xpath zum Auswählen von Daten verwendet, also zum Herausfiltern der menuItem-Daten.
Binden Sie an dieser Stelle die Daten des Menüsteuerelements und teilen Sie dem Menüsteuerelement mit, wie die aus der XML-Datei gefilterten Daten angezeigt werden sollen. Wählen Sie das Menüsteuerelement aus, wählen Sie „DataBindings“ im Eigenschaftenfenster aus, wählen Sie im Popup-Dialogfeld „menuItem“ in der Liste in der oberen linken Ecke aus, klicken Sie auf die Schaltfläche „Hinzufügen“, um „menuItem“ zur Liste in der unteren linken Ecke hinzuzufügen, und wählen Sie dann „menuItem“ aus Diese Liste, das ist die rechte Liste, zeigt die zu bindenden Eigenschaften an, also NavigateUrlField="url" TextField="title". Drücken Sie die OK-Taste, um zur Designoberfläche zurückzukehren. Nun werden die beiden Menüpunkte „Home“ und „News“ angezeigt.
Der Design-HTML-Code lautet wie folgt:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CoAffiliate._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<head runat="server">
<title>Unbenannte Seite</title>
</head>
<Körper>
<form id="form1" runat="server">
<div>
<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
<DataBindings>
<asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" />
</DataBindings>
</asp:Menü>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Menu.xml" XPath="menu/menuItem"></asp:XmlDataSource>
</div>
</form>
</body>
</html>