如何突出顯示RadMenu中的選定項目？

Question

我有一個RadMenu，我希望所選項目在點擊時突出顯示。但我無法得到期望的結果...

下面是我在ascx.cs文件代碼：

命名空間HGS.HGSAdmin.UserControl { 公共部分類UCLeftMenu：System.Web.UI程序。用戶控件 { 保護無效的Page_Load（對象發件人，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頁：

<％@控制語言= 「C＃」 AutoEventWireup = 「真」 代碼隱藏= 「UCLeftMenu.ascx.cs」 繼承= 「HGS.HGSAdmin.UserControl.UCLeftMenu」 ％> <％@註冊大會= 「Telerik.Web.UI」 命名空間= 「Telerik.Web.UI」 的TagPrefix = 「Telerik的」 ％>

<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爲例。