Primero cree un nuevo archivo xml llamado menú con el siguiente contenido:
<?xml version="1.0" encoding="utf-8" ?>
<menú>
<menuItem url="~/Default.aspx" title="Inicio" descripción=""/>
<menuItem url="~/News.aspx" title="Noticias" descripción="">
<menuItem url="~/News.aspx" title="Noticias nacionales" descripción=""/>
<menuItem url="~/News.aspx" title="Noticias internacionales" descripción=""/>
</menuItem>
</menu> Luego arrastre y suelte un control de menú en la página, arrastre y suelte un control XmlDataSource con el ID XmlDataSource1 y establezca el DataSourceID del menú en XmlDataSource1.
Configure el control XmlDataSource para que DataFile="~/Menu.xml" XPath="menu/menuItem",
Aquí xpath se usa para seleccionar datos, es decir, para filtrar los datos del elemento del menú.
En este punto, vincule los datos del control de menú y dígale al control de menú cómo mostrar los datos filtrados del archivo xml. Seleccione el control de menú, seleccione DataBindings en la ventana de propiedades, en el cuadro de diálogo emergente, seleccione menuItem en la lista en la esquina superior izquierda, haga clic en el botón Agregar para agregar menuItem a la lista en la parte inferior izquierda, luego seleccione menuItem en esta lista, esta es la derecha. La lista mostrará las propiedades a vincular, así que NavigateUrlField="url" TextField="title". Presione el botón Aceptar para regresar a la interfaz de diseño. En este momento, se mostrarán los dos elementos del menú "Inicio" y "Noticias".
El código html de diseño es el siguiente:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CoAffiliate._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional// ES" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<head runat="servidor">
<título>Página sin título</título>
</cabeza>
<cuerpo>
<formulario id="form1" runat="servidor">
<div>
<asp:Menu ID="Menú1" runat="servidor" DataSourceID="XmlDataSource1" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
<Enlaces de datos>
<asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="título" />
</Enlaces de datos>
</asp:Menú>
<asp:XmlDataSource ID="XmlDataSource1" runat="servidor" DataFile="~/Menu.xml" XPath="menu/menuItem"></asp:XmlDataSource>
</div>
</formulario>
</cuerpo>
</html>