まず、次の内容を含む menu という名前の新しい XML ファイルを作成します:
<?xml version="1.0"coding="utf-8" ?>
<メニュー>
<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>
次に、ページ上にメニュー コントロールをドラッグ アンド ドロップし、ID XmlDataSource1 を持つ XmlDataSource コントロールをドラッグ アンド ドロップして、メニューの DataSourceID を XmlDataSource1 に設定します。
DataFile="~/Menu.xml" XPath="menu/menuItem" となるように XmlDataSource コントロールを構成します。
ここでは、xpath を使用してデータを選択します。つまり、menuItem データをフィルターで除外します。
この時点で、メニュー コントロールのデータをバインドし、xml ファイルからフィルターされたデータを表示する方法をメニュー コントロールに指示します。メニュー コントロールを選択し、ポップアップ ダイアログ ボックスのプロパティ ウィンドウで DataBindings を選択し、左上隅のリストで menuItem を選択し、追加ボタンをクリックして左下のリストに menuItem を追加し、次に、メニュー アイテムを選択します。このリスト、これが右側です。リストにはバインドするプロパティが表示されるため、NavigateUrlField="url" TextField="title" となります。 OKボタンを押すとデザイン画面に戻ります。この時点で「ホーム」と「ニュース」の2つのメニュー項目が表示されます。
デザインのHTMLコードは次のとおりです。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CoAffiliate._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// JP" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<head runat="サーバー">
<title>無題のページ</title>
</head>
<本文>
<form id="form1" runat="server">
<div>
<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" Orientation="水平" StaticEnableDefaultPopOutImage="False">
<データバインディング>
<asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" />
</データバインディング>
</asp:メニュー>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Menu.xml" XPath="menu/menuItem"></asp:XmlDataSource>
</div>
</form>
</body>
</html>