Connecting a Javascript function to a C# method

[Daniel]

I am using Telerik AJAX UI 
V2014.1.225.40.

I am a newbie to both Telerik and Visual 2012 but I am
learning fast.

I added a RadToolBar control to my WebPage and a RadPanelBar
on the left-hand side.  I noticed that on
the RadPanelBar property list, there is a property called “Visible”.  When this is set to false, the PanelBar
disappears.  Very cool!

So next, I wanted to see if I could make the PanelBar appear
(RadPanelBar.Visible=true) when the user clicked on a RadToolBar item (a C#
method in my Default.aspx.cs called “RadToolBar1_ButtonClick”).  So, I noticed that in the list of properties
for RadToolBar, there is a property called “OnClientButtonClicked”.  When I put an “event name” on that property,
Telerik created a JAVA Script HTML function that was empty.

First, what do I put into that empty function.

Second, what do I modify inside my Default.aspx.cs program
that would connect that JAVA Script Function to the method with the code that
sets the Property RadToolBar.Visible to true. 
I looked at the examples and could not found one that matched my needs.

How do I do that?

[Shinu]

Hi Daniel,

I guess that you want to attach OnClientButtonClicked event of RadToolBar from code behind and in that event you want to set the RadPanelBar visibility as true. Please have a look into the sample code snippet which works fine at my end.

ASPX:

<telerik:RadToolBar ID="RadToolBar1" runat="server">
    <Items>
        <telerik:RadToolBarButton Text="Button1">
        </telerik:RadToolBarButton>
        <telerik:RadToolBarButton Text="Button2">
        </telerik:RadToolBarButton>
    </Items>
</telerik:RadToolBar>
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Style="display: none;">
    <Items>
        <telerik:RadPanelItem Text="Item1">
        </telerik:RadPanelItem>
        <telerik:RadPanelItem Text="Item2">
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelBar>

C#:

RadToolBar1.OnClientButtonClicked = "ButtonClick";

JavaScript:

function ButtonClick(sender, args) {
    var panelbar = $find("<%=RadPanelBar1.ClientID %>");
    panelbar._element.style.display = "block";
}

Please elaborate your requirement if it doesn't help.
Thanks,
Shinu.