2011-09-14 54 views
0

我有这个asp:菜单,有几个项目,并且希望能够在点击它时将项目设置为活动项目。将asp:MenuItem设置为活动

这里有云

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
    <Items> 
     <asp:MenuItem NavigateUrl="~/pages/page_a.aspx" Text="PageA" /> 
     <asp:MenuItem NavigateUrl="~/pages/page_b.aspx" Text="PageB" /> 
     <asp:MenuItem NavigateUrl="~/pages/page_c.aspx" Text="PageC" /> 
    </Items> 
</asp:Menu> 

这使得一个看起来像这样的菜单

网页A网页B PageC

当点击类似网页B我希望能够以某种方式样式它,像添加一个CSS或任何返回此

PageA PageB PageC

任何建议,我可以找到一些信息或样本?

+0

选中此http://stackoverflow.com/questions/2770042/set-item-selected-in-asp-net-menu-control and http://forums.asp.net/t/1213831.aspx/1?Modify+Menu+adapter+to+show+selected+lt+ul + gt +元素 –

回答

1

你可以申请一个CSS类或样式使用ASP的“selectedstyle的属性菜单项:菜单控制,使用的语法如下:

 <staticselectedstyle backcolor=LightBlue 
     borderstyle="Solid" 
     bordercolor="Black" 
     borderwidth="1"/> 

一个更完整的例子就是在这个MSDN article描述。响应

编辑评论:

还为它使用相同的语法动态菜单的“dynamicselectedstyle”属性:

 <dynamicselectedstyle backcolor=LightBlue 
     borderstyle="Solid" 
     bordercolor="Black" 
     borderwidth="1"/> 
+0

谢谢,但我的菜单加载动态和staticselection不是一个选项 –

+0

还有动态选择的样式,我会更新我的答案 – dougajmcdonald

+0

谢谢!我尝试过,但由于某种原因,它不起作用! :/ –