ColumnDragMoveCompleted

Occurs after the Spread component completes moving the column.

Syntax

[Inline HTML]

[JavaScript]

FpSpread1.addEventListener("ColumnDragMoveCompleted", handler, ...)

FpSpread1.onColumnDragMoveCompleted = handler

Arguments

event.col: Column that was moved
event.spread: Spread control that raises the event

Return Type

None

Remarks

This event is triggered when the component has finished moving the column.

Example

This example JavaScript code maps the event for the Spread on the client side.

JavaScript	Copy Code
<script lang="javascript" type="text/javascript"> window.onload = function () { var spread1 = document.getElementById("<%=FpSpread1.ClientID %>"); if (document.all) { // IE if (spread1.addEventListener) { // IE9 spread1.addEventListener("ColumnDragMoveCompleted", dragCompleted, false); } else { // Other versions of IE and IE9 quirks mode (no doctype set) spread1.onColumnDragMoveCompleted = dragCompleted; } } else { // Firefox spread1.addEventListener("ColumnDragMoveCompleted", dragCompleted, false); } } function dragCompleted(event) { alert("The column has been moved."); } </script>

JavaScript

Copy Code

<script lang="javascript" type="text/javascript">
    window.onload = function () {
      var spread1 = document.getElementById("<%=FpSpread1.ClientID %>");
      if (document.all) {
// IE
if (spread1.addEventListener) {
// IE9
spread1.addEventListener("ColumnDragMoveCompleted", dragCompleted, false);
} else {
// Other versions of IE and IE9 quirks mode (no doctype set)
        spread1.onColumnDragMoveCompleted = dragCompleted;
}
}
else {
// Firefox
spread1.addEventListener("ColumnDragMoveCompleted", dragCompleted, false);
      }
    }
    
    function dragCompleted(event) {
      alert("The column has been moved.");
    }
    
</script>