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


The OnClientLoad client-side event occurs when the panel bar is first loaded and fully initialized on the client.

The event handler receives a single parameter: a reference to the client-side panel bar object.

You can use this event to perform your own initialization to the panel bar when it is loaded, or to save a reference to the panel bar in a global variable for reference from within your client-side code.

The following example illustrates the use of the OnClientLoad event handler for saving a reference to the client-side object:

<script type="text/javascript">
    var panelBar1;
    function storePanelBarClientObject(sender) {
        panelBar1 = sender;
    function UtilizePanelBarClientObject() {
<telerik:radpanelbar id="RadPanelBar1" runat="server" onclientload="storePanelBarClientObject">    
<input id="Button1" type="button" onclick="UtilizePanelBarClientObject()" value="button" />

The technique illustrated here can be used when the panel bar is nested within another control, but the RadPanelBar must be rendered only once. For example, you can use this approach if RadPanelBar is nested in a tool bar template button. However, if RadPanelBar is nested in a grid with more than one row, the method fails since there will be multiple instances of the rendered panel bar.

See Also

In this article