React CardView - HeaderPanel.dragging

Configures item dragging.

Selector: Dragging
Type:

Object

dropFeedbackMode

Specifies how to highlight the header item's drop position.

Default Value: 'push'

This property accepts the following values:

  • "indicate"
    Header items are not animated; a blue line appears where the dragged item is going to be placed.

  • "push"
    Header items move apart with an animation, allowing room for the dragged row.

onDragChange

A function that is called when the dragged item's position changes.

Type:

Function

Function parameters:
e: any

Information about the event that caused the function's execution.

Default Value: null

onDragEnd

A function that is called when the drag gesture is finished.

Type:

Function

Function parameters:
e: any

Information about the event that caused the function's execution.

Default Value: null

onDragMove

A function that is called every time a draggable item is moved.

Type:

Function

Function parameters:
e: any

Information about the event that caused the function's execution.

Default Value: null

onDragStart

A function that is called when a drag gesture is initialized.

Type:

Function

Function parameters:
e: any

Information about the event that caused the function's execution.

Default Value: null

onRemove

A function that is called when a draggable item is removed.

Type:

Function

Function parameters:
e: any

Information about the event that caused the function's execution.

Default Value: null

onReorder

A function that is called when the draggable items are reordered.

Type:

Function

Function parameters:
e: any

Information about the event that caused the function's execution.

Default Value: null

scrollSensitivity

Specifies the distance in pixels from the edge of viewport at which scrolling should start.

Type:

Number

Default Value: 60

scrollSpeed

Specifies the scrolling speed when dragging an item beyond the viewport.

Type:

Number

Default Value: 30