ASP.NET2.0 menu控件制作下拉式导航菜单

来源：互联网发布：linux的wget命令编辑：程序博客网时间：2024/05/17 05:18

步骤：

1. XML文件。这里用XML文档：slivermenu.xml描述了菜单的具体内容。如

<?xml version="1.0" encoding="utf-8" ?>

<items>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</menuitem>

</items>

2.添加XMLDataSource控件，配置数据源：slivermenu.xml

3.添加Menu控件。配置数据源XMLDataSource1.

4.数据绑定。在Menu1的属性面板里，选择Databinding，点选menuitem，添加到“所选数据绑定里”在右侧的对话框的数据绑定中，TextField选text，NavigatrURLField选Navigatrurl。点“确定”。

5.在Menu控件属性面板中选择Orientation：Horizontal。

ok，打完收工。具体代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="slivermenu.aspx.cs" Inherits="slivermenu" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>slivermenu</title>

</head>

<body>

<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/staticmenu.xml"

XPath="items/menuitem" OnTransforming="XmlDataSource1_Transforming"></asp:XmlDataSource>

<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" DynamicHorizontalOffset="17"

Font-Bold="True" Font-Size="Small" MaximumDynamicDisplayLevels="2" Orientation="Horizontal"

StaticDisplayLevels="2" Style="position: relative">

<asp:MenuItemBinding DataMember="menuitem" NavigateUrlField="navigateurl" TextField="text" />

</DataBindings>

</asp:Menu>

</form>

</body>

</html>