将asp:MenuItem设置为活动状态

时间:2011-09-14 09:47:57

标签: c# menuitem

我有一个带有几个项目的asp:菜单,并希望能够在我点击它时将项目设置为活动状态。

这就是

<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>

这会使菜单看起来像这样

PageA PageB PageC

当点击像PageB这样的东西时,我希望能够以某种方式设置它,比如添加一个css或其他任何返回的

PageA PageB PageC

我可以找到一些信息或样品的建议吗?

1 个答案:

答案 0 :(得分:1)

您可以使用&#39; selectedstyle&#39;将CSS类或样式应用于菜单项。 asp:Menu控件的属性,使用如下语法:

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

MSDN article中描述了一个更完整的示例。

编辑回应评论:

还有动态选择的风格&#39;动态菜单的属性使用相同的语法:

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