RadPanelBar Expand Collapse Issue

[VIJESH]

I have the below line in my header template of radpanelbar.
<td style="text-align: right"><span class="rpExpandHandle" style="cursor: pointer;"></span></td>
I want to capture this expand collapse event from onclientitemclicking function.
On expanding/collapsing i want to prompt the user. How can i achieve this.

[Peter Filipov]

Hello VIJESH,

Thank you for contacting Telerik Support.

For your case you could use OnClientItemClicking event. Here is a sample code how you could use it:

        <telerik:RadPanelBar runat="server" ID="PanelBar1" OnClientItemExpand="OnClientItemExpand" OnClientItemClicking="OnClientItemClicking">
            <Items>
                <telerik:RadPanelItem Text="item1">
                    <HeaderTemplate>
                        <div style="width:100px; height:10px; background-color:red" ></div>
                    </HeaderTemplate>
                    <Items>
                        <telerik:RadPanelItem Text="item 1.1"></telerik:RadPanelItem>
                        <telerik:RadPanelItem Text="item 1.1"></telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="item2">
                    <Items>
                        <telerik:RadPanelItem Text="item 2.1"></telerik:RadPanelItem>
                        <telerik:RadPanelItem Text="item 2.1"></telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
            </Items>
        </telerik:RadPanelBar>

<script type="text/javascript">
    function OnClientItemClicking(sender, args) {
        console.log("clicking");
    }

    function OnClientItemExpand(sender, args) {
        console.log("expand");

    }
</script>

I will be glad to assist you further.

Regards,
Peter Filipov
Telerik