This is a migrated thread and some comments may be shown as answers.

how to get RadZone Id in Onclient event of RadDock

4 Answers 80 Views

Dock

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 28 Mar 2012, 02:27 PM

Hi Jesmon,

In order to get the ID of the current and the previous RadDockZone, you can use the client-side events of RadDock OnClientDockPositionChanging and OnClientDockPositionChanged. The first one is fired before the RadDock control is docked, so if you use the get_dockZoneID method, you will get the ID of the RadDockZone, in which the dock control was docked before changing its position. OnClientDockPositionChanged is fired after the RadDock is dropped in the RadDockZone, so in the handler of this event you can use again get_dockZoneID to get the ID of the new dock zone.

The following example demonstrates how to display a message that contains the old and the new RadDockZone ID, when a RadDock control is dragged:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="Scriptmanager1" runat="server" />

<script type="text/javascript">

function DockPositionChanging(sender, args) {

$get("message").innerHTML = "Old dock zone id is: " + sender.get_dockZoneID() + ".";

}

function DockPositionChanged(sender, args) {

$get("message").innerHTML += " Current dock zone id is: " + sender.get_dockZoneID() + ".";

}

</script>

<div>

<telerik:RadDockLayout runat="server" ID="RadDockLayout1">

<telerik:RadDockZone runat="server" ID="RadDockZone1" Width="300px" MinHeight="100px">

<telerik:RadDock runat="server" ID="RadDock1" Width="300px" Height="50px" OnClientDockPositionChanging="DockPositionChanging" OnClientDockPositionChanged="DockPositionChanged">

</telerik:RadDock>

</telerik:RadDockZone>

<telerik:RadDockZone runat="server" ID="RadDockZone2" Width="300px" MinHeight="100px">

</telerik:RadDockZone>

</telerik:RadDockLayout>

</div>

<span id="message"></span>

</form>

</body>

</html>

Greetings,
Slav
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.