Set Selected Color for Parent Item

[Telerikuser]

How would I set a parent item to be selected when a child is selected? I want to achieve this in Client Side.

Any help is appreciated.

[Shinu]

Hello,

You can try the following client code in order to select the parent item of clicked menuitem.

Javascript:

    var parent;
    function OnClientItemClicked(sender, args) {
        parent = args.get_item().get_parent();
        if (parent.get_parent()!= null)
        {
             setTimeout('parent.set_selected(true);', 200);
        }
    }

[Attach OnClientItemClicked event to RadMenu]

-Shinu.

[Telerikuser]

Thanks. It works. However I want to have bothe parent and child to be selected is it possible? Similar to the HighlightPath in server side.

[Peter]

Hello subi,

Please, try the following code:

<script type="text/javascript">
       function OnClientItemClicked(sender, args) {
           //clear previously selected path
           for (var i = 0; i < sender.get_allItems().length; i++) {
               sender.get_allItems()[i].set_cssClass('');
           }

           highLightPath(args.get_item());

       }
       function highLightPath(menuItem)
       {
           menuItem.set_cssClass("rmFocused");
           var parent = menuItem.get_parent();
           if (parent.get_parent() != null) {
               highLightPath(parent);
           }
       }
   </script>

Best wishes,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Telerikuser]

Thanks for the code. This code works only if I have clickonopen, if I have mouse over open for submenus it is not selecting the parent item. Any help is appreciated.

[Veselin Vasilev]

Hi ,

Actually the above code will work when you click the item. It is not necessary to enable the ClickToOpen property.

If you need to run that code on mouse over - then use the OnClientMouseOver event instead of OnClientItemClicked.

Kind regards,
Veskoni
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.