How can I call a javascript function when a dock is expanded or collapsed?

[Brent Hetland]

Hi,

I am using version Q2 717 2013 of the ASP.NET for AJAX controls.

I'm using the RadDock.

I don't see a client event that I can assign a function to, for when the user clicks the expand / collapse button.  Is there one?

FYI:  I've implemented a custom close button, so I've also added the following line of code in code-behind, to add the expand / collapse button.

		dock.Commands.Add(New DockExpandCollapseCommand())

Again, my goal / question is:  I want to run some client-side code (NOT do a postback) after the user has expanded or collapsed a dock.  How can I do that?

Thanks,
Brent

[Shinu]

Hi Brent Hetland,

Please have a look at the following code snippet I have tried to invoke the client side event for Expand/Collapse button of RadDock.

ASPX:

<telerik:RadDock ID="RadDock1" runat="server" Title="Item1">
    <Commands>
        <telerik:DockExpandCollapseCommand OnClientCommand="OnClientCommand" />
    </Commands>
    <ContentTemplate>
        <telerik:RadTextBox ID="RadTextBox1" runat="server">
        </telerik:RadTextBox>
        <br />
        <br />
        <telerik:RadButton ID="RadButton1" runat="server" Text="demo">
        </telerik:RadButton>
    </ContentTemplate>
</telerik:RadDock>

JavaScript:

<script type="text/javascript">
    function OnClientCommand(sender, args) {
        if (args.command._clientTypeName == "Telerik.Web.UI.DockExpandCollapseCommand") {
            alert("Fired");
        }
    }
</script>

Thanks,
Shinu

[Brent Hetland]

I'm adding my raddocks dynamically in code behind, so I did it like this and it works.  Thanks Much!

		Dim ExpandCollapseCommand As DockExpandCollapseCommand = New DockExpandCollapseCommand()
		ExpandCollapseCommand.OnClientCommand = "OnClientCommand"
		dock.Commands.Add(ExpandCollapseCommand)