Display a message specifying continue or not when clicked on panel bar item

[Syed]

Hi,

Whenever a panel bar item is clicked in panel bar, i want to display a message whether to continue or not. If clicked ok then redirect to some page else cancel the item.

Thanks.

Regards
Syed Arshad

[Shinu]

Hello Syed,

Attach OnClientItemClicking event in order to show confirm message and to cancel the ItemClick if clicked cancel.

ASPX:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnClientItemClicking="OnClientItemClicking">
    <Items>
        <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1">
            <Items>
                <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1" NavigateUrl="http://www.google.com">
                . . .
            </Items>
        </telerik:RadPanelItem>
        . . .
    </Items>
</telerik:RadPanelBar>

JavaScript:

<script type="text/javascript">
function OnClientItemClicking(sender, eventArgs)
{
   var item = eventArgs.get_item();
   var navigateUrl = item.get_navigateUrl();
   if (navigateUrl && navigateUrl != "#")  //Check whether having NavigateUrl set
   {
      var proceed = confirm("Navigate to "+ navigateUrl + " ?");
      if (!proceed)
      {
         eventArgs.set_cancel(true); // Cancel the Item Click
      }
      else
      {
         eventArgs.set_cancel(false);
      }
   }
}
</script>

Thanks,
Shinu.