Erstellen Sie zunächst eine neue XML-Datei mit dem Namen „menu“ mit folgendem Inhalt:
<?xml version="1.0" encoding="utf-8" ?>
<menu>
<menuItem url="~/Default.aspx" title="首页" description=""/>
<menuItem url="~/News.aspx" title="新闻" description="">
<menuItem url="~/News.aspx" title="国内新闻" description=""/>
<menuItem url="~/News.aspx" title="国际新闻" description=""/>
</menuItem>
</menu> Ziehen Sie dann ein Menüsteuerelement per Drag & Drop auf die Seite und ziehen Sie per Drag & Drop ein XmlDataSource-Steuerelement mit der ID von XmlDataSource1 und Ändern Sie die DataSourceID des Menüs Set auf XmlDataSource1.
Konfigurieren Sie das XmlDataSource-Steuerelement so, dass DataFile="~/Menu.xml"
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 entworfene 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>Untitled Page</title>
</head>
<body>
<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:Menu>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Menu.xml" XPath="menu/menuItem">
</asp:XmlDataSource>
</div>
</form>
</body>
</html>
