如何突出显示 RadMenu 中的选定项目？答案

【问题标题】：How to highlight a selected item in RadMenu?如何突出显示 RadMenu 中的选定项目？
【发布时间】：2011-05-12 05:54:52
【问题描述】：

我有一个 RadMenu，我希望在单击时突出显示所选项目。但我无法得到想要的结果...

下面是我在 ascx.cs 文件中的代码：

命名空间 HGS.HGSAdmin.UserControl { 公共部分类UCLeftMenu：System.Web.UI.UserControl { protected void Page_Load(object sender, GridItemEventArgs e) {

        RadMenuItem item = RadLeftMenu.FindItemByUrl(Request.Url.PathAndQuery);
        if (item != null)
        {
            Response.Write(item.Text);
            foreach (RadMenuItem childItem in item.Menu.GetAllItems())
            {
                childItem.CssClass = "";
            }

            item.CssClass = "focused";

            while (item.Owner is RadMenuItem)
            {
                ((RadMenuItem)item.Owner).CssClass = "focused";
                item = (RadMenuItem)item.Owner;
            }

        }
    }


    protected void RadLeftMenu_ItemClick(object sender, RadMenuEventArgs e)
    {
        foreach (RadMenuItem childItem in e.Item.Menu.GetAllItems())
        {
            childItem.CssClass = "";
        }

        e.Item.CssClass = "focused";

        RadMenuItem item = e.Item;
        while (item.Owner is RadMenuItem)
        {
            ((RadMenuItem)item.Owner).CssClass = "focused";
            item = (RadMenuItem)item.Owner;
        }

    }
}

}

下面是我的 ascx 页面：

<script src="../../Script/RadMenu.js" type="text/javascript"></script>

<link href="../../Styles/styles_RadMenu.css" rel="stylesheet" type="text/css" />
<table valign="top">
    <tr>
        <td rowspan="2" class="contarea">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td width="192" align="left" valign="top" class="menumid">
            <telerik:RadScriptManager ID="ScriptManager" runat="server">
            </telerik:RadScriptManager>
            <telerik:RadMenu ID="RadLeftMenu" runat="server" EnableEmbeddedSkins="true" EnableRoundedCorners="true"
                Flow="Vertical" EnableShadows="true" OnItemClick="RadLeftMenu_ItemClick">
                <%--<LoadingStatusTemplate>
            <asp:Image runat="server" ID="LoadingImage" ImageUrl="Images/loading.gif" ToolTip="Loading..." Width="16px" Height="16px" style="margin-top:8px" />
        </LoadingStatusTemplate>--%>
                <Items>
                    <telerik:RadMenuItem runat="server" Text=". Home" NavigateUrl="../FrmStaticPage.aspx?h">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". About Us" NavigateUrl="../FrmStaticPage.aspx?a">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Services" NavigateUrl="../FrmStaticPage.aspx?s">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Gallery" NavigateUrl="../FrmStaticPage.aspx?g">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Contact Us" NavigateUrl="../FrmStaticPage.aspx?c">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Testimonials" NavigateUrl="../FrmTestimonials.aspx?t">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Links" NavigateUrl="../FrmStaticPage.aspx?l">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Featured Services" NavigateUrl="~/HGSAdmin/FrmFeaturedServices.aspx">
                        <GroupSettings Flow="Vertical" />
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text=". Banner Images" NavigateUrl="../Banner.aspx">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </td>
</table>

有人可以指导吗？非常感谢！

【问题讨论】：

标签： radmenu

【解决方案1】：

您可以通过 RadMenu 的 HighlightPath() 函数轻松实现此目的。以this Telerik demo 为例。

【讨论】：