如何在div上显示菜单的NavigationUrl

时间:2012-07-10 18:20:01

标签: asp.net aspmenu

我有一个如下所示的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中显示页面。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

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

参见此示例

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