1st group always expanded

2 posts, 0 answers
  1. Filip Salwender
    Filip Salwender avatar
    10 posts
    Member since:
    Feb 2009

    Posted 18 May 2010 Link to this post

    Hi,

    We have menu structure with root level and one group. For example:
    root item
    • child item1
    • child item2
    root item2
    • child item1
    • child item2
    etc.

    I need all those items to be always visible (not expand them onhover or onclick). Is there some way to do that?

    Thank you.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 19 May 2010 Link to this post

    Hello Filip Salwender,

    Here is one suggestion to accomplish the scenario:

          Initially set the root items as expanded using the following code:

    Client code:
     
        function OnClientLoad(sender, args) { 
            for (var i = 0; i < sender.get_items().get_count(); i++) { 
                sender.get_items().getItem(i).open(); // Set the root items as expanded 
            } 
        } 

           Now in the 'OnClientItemClosing'  event, check for the item and if the item is root item, then cancel the event.

    Client Code:
     
        function OnClientItemClosing(sender, args) { 
            if (args.get_item().get_level() == 0) { 
                args.set_cancel(true); 
            } 
        } 

    And here is the the aspx markup:
     
    <telerik:RadMenu OnClientItemClosing="OnClientItemClosing" OnClientLoad="OnClientLoad" 
        Width="1000px" ID="RadMenu2" runat="server"
        <Items> 
         . . . 
        </Items> 
    </telerik:RadMenu> 


    -Shinu.
Back to Top