A newer version of this page is available. Switch to the current version.

ASPxClientGridView.ColumnMoving Event

Enables you to control column movement.


ColumnMoving: ASPxClientEvent<ASPxClientGridViewColumnMovingEventHandler<ASPxClientGridView>>

Event Data

The ColumnMoving event's data class is ASPxClientGridViewColumnMovingEventArgs. The following properties provide information specific to this event:

Property Description
allow Gets or sets whether a column is allowed to be moved.
destinationColumn Gets the target column, before or after which the source column will be inserted (if dropped).
isDropBefore Gets whether the source column will be inserted before the target column (if dropped).
isGroupPanel Gets whether the source column is currently over the Group Panel.
sourceColumn Gets the column currently being dragged by an end-user.


The ColumnMoving event is raised while an end-user moves a column via drag and drop, and enables you to control the drag and drop operation.

The event parameter's ASPxClientGridViewColumnMovingEventArgs.sourceColumn property identifies the column currently dragged by an end-user. If the source column is over the Group Panel, the ASPxClientGridViewColumnMovingEventArgs.isGroupPanel property returns true. If the source column is over the column header panel, the ASPxClientGridViewColumnMovingEventArgs.destinationColumn property returns the target column. In this instance, the ASPxClientGridViewColumnMovingEventArgs.isDropBefore property indicates whether the source column will be inserted before the destination column, if dropped.

To prevent the source column from being dropped at the current position, set the ASPxClientGridViewColumnMovingEventArgs.allow property to false.


This example shows how to prevent the First Name column from being dragged to the group panel.

<ClientSideEvents ColumnMoving="function(s, e) {
    if(e.sourceColumn.fieldName == 'FirstName' && e.isGroupPanel)
        e.allow = false;
}" />
See Also