如何在 div 上显示菜单的导航 URL答案

【问题标题】：How to Display The NavigationUrl of Menu on div如何在 div 上显示菜单的导航 URL
【发布时间】：2012-07-10 07:00:54
【问题描述】：

我有一个这样设计的 ASP.net 页面，如下所示：

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="MyAccount.aspx.cs" Inherits="MyAccount" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <div style="width: 100%; height:100%;">

        <div style="float: left; height:100%; width: 80%;">
            xxxx
            <!-- Set Div As your requirement -->
        </div>
        <div style="float: right; width: 20%; height:100%; margin-left: 10px;">
        <asp:Menu dir="rtl" ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation=Vertical>
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="xxxxxxxxxxxxxx"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="yyyyyyyyyyyyyy "/>

                    </Items>
                </asp:Menu>
            <!-- Set Div As your requirement -->
        </div>

    </div>
</asp:Content>

我希望用户选择任何菜单项，并在左侧 div 中显示页面。

有什么想法吗？

【问题讨论】：

标签： asp.net aspmenu

【解决方案1】：

如果您使用的是客户端代码，您可以在 navigateurl 或 onclick 中调用 javascript 函数

看这个例子

http://jsfiddle.net/UnGNc/1/

【讨论】：