Erstellen Sie zunächst eine neue XML-Datei mit dem Namen „menu“ mit folgendem Inhalt:
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" %>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml " >