Forums

Not answered Panelbar Parent Node

Anthony Smith

Posted on Mar 5, 2010 (permalink)

Hi,

I've got a panel bar on my site that I've modified to make sure the expand animation and collapse animations don't happen until the user has gone to a new page.

The structure of this panel is as follows:
- About
    - The team
    - History
    - contact us

I've added the following code to the sitepanelbar.ascx:

<script type="text/javascript">

function OnClientItemClicking(sender, eventArgs)

{

   var item = eventArgs.get_item();

   var navigateUrl = item.get_navigateUrl();

   if (navigateUrl && navigateUrl != "#")

   {

      var item = eventArgs.get_item();

        if(item.get_expanded() == true)



      {

         eventArgs.set_cancel(true);

      }

      else

      {

         eventArgs.set_cancel(false);

      }

   }

}

</script>











<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false"/>

<telerik:RadPanelBar ID="RadPanelbar1" runat="server" DataSourceID="SiteMapDataSource1" OnItemDataBound="RadPanelbar1_ItemDataBound" EnableViewState="false" OnClientItemClicking="OnClientItemClicking" >



</telerik:RadPanelBar>

Once this is added the I can no longer click and navigate to the parent node (i.e. about). Can you tell me where I am going wrong?

Thanks,

Anthony

Reply

Anthony Smith

Posted on Mar 12, 2010 (permalink)

Hi Radoslav,

Many thanks for your input.

I've got some pages that are quite deap i.e.:

-. About
      - Services
            Service 1
                    Service 1a
                    Service 1b

The problem I'm having with the snippet provided is that if say I'm in section Service 1a, and try to go to services it won't let me, I get the same problem if I'm in Service 1a and try to go to About.

Do you have any clues on how I achieve this without loosing the functionality outlined in my previous post?

Thanks,

Anthony

Reply

Anthony Smith

Posted on Mar 12, 2010 (permalink)

Hi Radoslav,

I'm trying to get this to work, but when I click on the root it is coming up with a javascript error.

Do you have any ideas what I'm doing wrong?

Thanks,

Anthony

Reply

Anthony Smith

Posted on Mar 12, 2010 (permalink)

Hi Radoslav,

I'm no longer getting the JS error - but its still not allowing me to go to the Expanded Level 1 and Level 2 pages if I'm on an expanded Level 4 page.

<script type="text/javascript">

function OnClientItemClicking(sender, eventArgs) {

    var panelBar = $find("<%= RadPanelbar1.ClientID %>");

    var item = eventArgs.get_item();

    var navigateUrl = item.get_navigateUrl();

    if (navigateUrl && navigateUrl != "#")

    {

        var item = eventArgs.get_item();

        if (item.get_expanded() == true && item != panelBar.get_selectedItem().get_selectedItem()) {

            eventArgs.set_cancel(true);

        }

        else {

            eventArgs.set_cancel(false);

        }

   }

}

</script>

Thanks,

Anthony

Reply