먼저 다음 내용을 포함하는 menu라는 새 xml 파일을 만듭니다.
<?xml version="1.0" 인코딩="utf-8" ?>
<메뉴>
<menuItem url="~/Default.aspx" title="홈" 설명=""/>
<menuItem url="~/News.aspx" title="뉴스" 설명="">
<menuItem url="~/News.aspx" title="국내 뉴스" 설명=""/>
<menuItem url="~/News.aspx" title="국제 뉴스" 설명=""/>
</menuItem>
</menu> 그런 다음 페이지에 메뉴 컨트롤을 끌어서 놓고 ID가 XmlDataSource1인 XmlDataSource 컨트롤을 끌어 놓은 다음 메뉴의 DataSourceID를 XmlDataSource1로 설정합니다.
DataFile="~/Menu.xml" XPath="menu/menuItem"이 되도록 XmlDataSource 컨트롤을 구성합니다.
여기서 xpath는 데이터를 선택하는 데, 즉 menuItem 데이터를 필터링하는 데 사용됩니다.
이 시점에서 메뉴 컨트롤의 데이터를 바인딩하고 xml 파일에서 필터링된 데이터를 표시하는 방법을 메뉴 컨트롤에 알려줍니다. 메뉴 컨트롤을 선택하고, 속성 창에서 DataBindings를 선택하고, 팝업 대화 상자에서 왼쪽 상단 목록에서 menuItem을 선택하고, 추가 버튼을 클릭하여 왼쪽 하단 목록에 menuItem을 추가한 다음, 메뉴 항목에서 menuItem을 선택합니다. 이 목록, 이것이 맞습니다. 목록에는 바인딩할 속성이 표시되므로 NavigateUrlField="url" TextField="title"입니다. OK 버튼을 누르면 디자인 인터페이스로 돌아갑니다. 이때 "홈"과 "뉴스"라는 두 가지 메뉴 항목이 표시됩니다.
디자인 HTML 코드는 다음과 같습니다.
<%@ 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="서버">
<title>제목 없는 페이지</title>
</head>
<본문>
<form id="form1" runat="서버">
<div>
<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
<데이터바인딩>
<asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" />
</DataBindings>
</asp:메뉴>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Menu.xml" XPath="menu/menuItem"></asp:XmlDataSource>
</div>
</form>
</body>
</html>