Vue CardView - headerPanel.dragging

Configures item dragging.

Selector: DxDragging
Type:

Object

dropFeedbackMode

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

Selector: drop-feedback-mode
Type:

DragHighlight

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.

Selector: @drag-change
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.

Selector: @drag-end
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.

Selector: @drag-move
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.

Selector: @drag-start
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.

Selector: @remove
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.

Selector: @reorder
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.

Selector: scroll-sensitivity
Type:

Number

Default Value: 60

scrollSpeed

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

Selector: scroll-speed
Type:

Number

Default Value: 30