New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

OnClientItemClicking

The OnClientItemClicking client-side event occurs when the user clicks a panel item, before the the click action finishes.

The event handler receives two parameters:

  1. The instance of the panel bar firing the event.

  2. An eventArgs parameter containing the following methods:

    • get_item returns a reference to the RadPanelItem that was clicked.

    • set_cancel lets you stop the default response to the click by passing true to the set_cancel method.

    • get_domEvent() returns the DOM event object.

You can use this event to pre-process an item-click or to cancel the default response:

<script> 
    function OnClientItemClicking(sender, eventArgs) {    
        var item = eventArgs.get_item();    
        var navigateUrl = item.get_navigateUrl();    
        if (navigateUrl && navigateUrl != "#") {       
            var proceed = confirm("Navigate to "+ navigateUrl + " ?");       
            if (!proceed) {         
                eventArgs.set_cancel(true);       
            }       
            else {          
                eventArgs.set_cancel(false);       
            } 
        }
    }
</script>
<telerik:radpanelbar id="RadPanelBar1" runat="server" onclientitemclicking="OnClientItemClicking">
  ...
</telerik:radpanelbar>

See Also

In this article