RadDock for ASP.NET

Client-Side Events Send comments on this topic.
RadDock Client-Side > Client-Side Events

Glossary Item Box

Name

Description

OnClientDock

Raised when the dockable object is docked into a docking zone.

 function OnClientDock (dockObj, eventArgs)
                {
                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');
                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }

 

OnClientDrop

Raised when the dockable object is dropped into the page.

 function OnClientDrop (dockObj, eventArgs)
                {
                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');
                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }

 

OnClientDragStart

Raised when a drag action is initiated/started.

 function OnClientDragStart (dockObj, eventArgs)
                {

                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');

                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }

 

OnClientDragEnd

Raised when a drag action has ended, before the OnClientDrop event.

 function OnClientDragEnd (dockObj, eventArgs)
                {

                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');

                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }

 

OnClientUnDock

Raised when the dockable object is undocked from a docking zone.

 function OnClientUnDock (dockObj, eventArgs)
                {
                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');
                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }

 

OnClientDrag

Raised while the dockable object is being dragged.

OnClientDockStateChange

Raised when the dockable object is being docked or undocked.

OnClientResizeStart

Raised when a resize action is initiated/started.

 function OnClientResizeStart (dockObj, eventArgs)
                {
                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');
                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }

 

OnClientResizeEnd

Raised when a resize action has ended

 function OnClientResizeEnd (dockObj, eventArgs)
 {
                    var statusLabelObj1 = document.getElementById('statusLabel_Obj1');
                    statusLabelObj1.innerHTML = new Date() + ' Dock object with id[' + dockObj.id + '], raised event [' + eventArgs.eventName + ']<br/>' + statusLabelObj1.innerHTML;
                }