• Frontend Script API
• <internal>
• DragAndDrop5

Interface DragAndDrop5

interface DragAndDrop5 {
autoExpandMS?: number;
dragDrag?: (sourceNode: FancytreeNode, data: any) => void;
dragDrop?: (node: FancytreeNode, data: any) => void;
dragEnd?: (sourceNode: FancytreeNode, data: any) => void;
dragEnter?: (targetNode: FancytreeNode, data: any) => void;
dragExpand?: (targetNode: FancytreeNode, data: any) => void;
dragLeave?: (targetNode: FancytreeNode, data: any) => void;
dragOver?: (targetNode: FancytreeNode, data: any) => void;
dragStart?: (sourceNode: FancytreeNode, data: any) => void;
dropMarkerInsertOffsetX?: number;
dropMarkerOffsetX?: number;
multiSource?: boolean;
preventForeignNodes?: boolean;
preventNonNodes?: boolean;
preventRecursiveMoves?: boolean;
preventVoidMoves?: boolean;
scroll?: boolean;
scrollSensitivity?: number;
scrollSpeed?: number;
setTextTypeJson?: boolean;
key: string: any;
}

Indexable

Support misc options

Index

Properties

autoExpandMS?dragDrag?dragDrop?dragEnd?dragEnter?dragExpand?dragLeave?dragOver?dragStart?dropMarkerInsertOffsetX?dropMarkerOffsetX?multiSource?preventForeignNodes?preventNonNodes?preventRecursiveMoves?preventVoidMoves?scroll?scrollSensitivity?scrollSpeed?setTextTypeJson?

Properties

OptionalautoExpandMS

autoExpandMS?: number

Expand nodes after n milliseconds of hovering.

OptionaldragDrag

dragDrag?: (sourceNode: FancytreeNode, data: any) => void

OptionaldragDrop

dragDrop?: (node: FancytreeNode, data: any) => void

Events (drag drop)

OptionaldragEnd

dragEnd?: (sourceNode: FancytreeNode, data: any) => void

OptionaldragEnter

dragEnter?: (targetNode: FancytreeNode, data: any) => void

Callback(targetNode, data), return true, to enable dnd drop

OptionaldragExpand

dragExpand?: (targetNode: FancytreeNode, data: any) => void

Callback(targetNode, data), return false to prevent autoExpand

OptionaldragLeave

dragLeave?: (targetNode: FancytreeNode, data: any) => void

OptionaldragOver

dragOver?: (targetNode: FancytreeNode, data: any) => void

Events (drag over)

OptionaldragStart

dragStart?: (sourceNode: FancytreeNode, data: any) => void

Callback(sourceNode, data), return true, to enable dnd drag

OptionaldropMarkerInsertOffsetX

dropMarkerInsertOffsetX?: number

Additional offset for drop-marker with hitMode = "before"/"after"

OptionaldropMarkerOffsetX

dropMarkerOffsetX?: number

Absolute position offset for .fancytree-drop-marker

OptionalmultiSource

multiSource?: boolean

true: Drag multiple (i.e. selected) nodes.

OptionalpreventForeignNodes

preventForeignNodes?: boolean

Prevent dropping nodes from different Fancytrees

OptionalpreventNonNodes

preventNonNodes?: boolean

Prevent dropping items other than Fancytree nodes

OptionalpreventRecursiveMoves

preventRecursiveMoves?: boolean

Prevent dropping nodes on own descendants

OptionalpreventVoidMoves

preventVoidMoves?: boolean

Prevent dropping nodes 'before self', etc.

Optionalscroll

scroll?: boolean

Enable auto-scrolling while dragging

OptionalscrollSensitivity

scrollSensitivity?: number

Active top/bottom margin in pixel

OptionalscrollSpeed

scrollSpeed?: number

Pixel per event

OptionalsetTextTypeJson

setTextTypeJson?: boolean

Allow dragging of nodes to different IE windows, default: false

Settings

Member Visibility

• Protected
• Inherited
• External

ThemeOSLightDark

On This Page

Properties autoExpandMSdragDragdragDropdragEnddragEnterdragExpanddragLeavedragOverdragStartdropMarkerInsertOffsetXdropMarkerOffsetXmultiSourcepreventForeignNodespreventNonNodespreventRecursiveMovespreventVoidMovesscrollscrollSensitivityscrollSpeedsetTextTypeJson