设置asp:MenuItem为活动状态

本文关键字：活动状态 MenuItem asp 设置 | 更新日期: 2023-09-27 18:08:46

我有这个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

有什么建议，我可以找到一些信息或样品?

设置asp:MenuItem为活动状态

您可以使用asp: menu控件的'selectedstyle'属性为菜单项应用CSS类或样式，语法如下:

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

在这篇MSDN文章中描述了一个更完整的示例。

编辑回应评论:

也有'dynamicselectedstyle'属性用于动态菜单，它使用相同的语法:

      <dynamicselectedstyle backcolor=LightBlue
      borderstyle="Solid"
      bordercolor="Black"
      borderwidth="1"/>
相关文章：