RadPanelBar provides a number of client-side events that would allow you to accomplish
even the most complicated tasks.
You can attach to the RadPanelBar's events by using either the server-side properties
or the client-side API.
- Attaching event handlers via a server-side property
Each client-side event has a corresponding property, whose name is formed like OnClient[EventName].
You can set the property to the name of the function to be called when the event
occurs.
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnClientItemClicking="onClicking" />
<script type="text/javascript">
function onClicking(sender, eventArgs)
{
var item = eventArgs.get_item();
...
}
</script>
- Using the client-side API to attach event handlers
Using the client-side API of RadPanelBar allows you to attach multiple event handlers
to one event using the standard MS AJAX conventions.
<script type="text/javascript">
function onClickingHandler1()
{
alert("First handler called");
}
function onClickingHandler2()
{
alert("Second handler called");
}
function pageLoad()
{
var panelBar = $find("<%=RadPanelBar1.ClientID%>");
panelBar.add_itemClicking(onClickingHandler1);
panelBar.add_itemClicking(onClickingHandler2);
}
</script>
Another advantage of the client-side API is the possiblity of dynamically detaching
certain handlers. You can use the remove_itemClicking method of the
panelbar object.
<script type="text/javascript">
$find(<%=RadPanelBar1.ClientID%>).remove_itemClicking(onClickedHandler1);
</script>
- Cancelling an event
The events, whose names end in ing, can be cancelled. You can cancel
the event by using the set_cancel method of the event arguments
passed to the handler.
<script type="text/javascript">
function onClientItemClicking(sender, eventArgs)
{
eventArgs.set_cancel(true);
}
</script>