Question

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

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

命名空间HGS.HGSAdmin.UserControl { public partial class 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页面：

＆lt;％@ Control Language =“C＃”AutoEventWireup =“true”CodeBehind =“UCLeftMenu.ascx.cs” Inherits =“HGS.HGSAdmin.UserControl.UCLeftMenu”％＆gt; ＆lt;％@ Register Assembly =“Telerik.Web.UI”Namespace =“Telerik.Web.UI”TagPrefix =“telerik”％＆gt;

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

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

Answer 1

您可以通过RadMenu的HighlightPath（）函数轻松实现此目的。请查看this Telerik demo示例。

如何在RadMenu中突出显示所选项目？

1 个答案: