Drag-and-Drop Event API Reference (igTree)

Drag-and-Drop Event Reference

Introduction

The following chart provides reference information about the events of the igTree™ control related to its Drag-and-drop feature. The events are listed in alphabetical order.

Drag-and-drop event reference chart

The following table explains the drag-and-drop events of the igTree control and, for each event, indicates whether it can be stopped.

Legend:

	Yes (= the event can be stopped)
	No (= the event cannot be stopped)

Event		Description	Can be stopped?
drag		Raised during the node is being dragged. The handler function takes arguments evt and ui. The ui argument options and their usage follow. Argument name Usage ui.binding Gets a reference to the binding property. ui.data Gets a reference to the data property. ui.element Gets a reference to the element property. ui.helper Gets a reference to the helper property. ui.offset Gets a reference to the offset property. ui.orginalPosition Gets a reference to the originalPosition property. ui.path Gets a reference to the path property. ui.position Gets a reference to the position property.
dragStart		Raised when the dragging of the node begins. The handler function takes arguments evt and ui. The ui argument options and their usage follow. Argument name Usage ui.binding Gets a reference to the binding property. ui.data Gets a reference to the data property. ui.element Gets a reference to the element property. ui.helper Gets a reference to the helper property. ui.offset Gets a reference to the offset property. ui.orginalPosition Gets a reference to the originalPosition property. ui.path Gets a reference to the path property. ui.position Gets a reference to the position property.
dragStop		Raised when dragging the node has stopped. The handler function takes arguments evt and ui. The ui argument options and their usage follow. Argument name Usage ui.helper Gets a reference to the helper property. ui.offset Gets a reference to the offset property. ui.orginalPosition Gets a reference to the originalPosition property. ui.position Gets a reference to the position property.
nodeDropped		Raised after a node has been dropped. The handler function takes arguments evt and ui. The ui argument options and their usage follow. Argument name Usage ui.binding Gets a reference to the binding property. ui.data Gets a reference to the data property. ui.draggable Gets a reference to the draggable property. ui.element Gets a reference to the element property. ui.helper Gets a reference to the helper property. ui.offset Gets a reference to the offset property. ui.path Gets a reference to the path property. ui.position Gets a reference to the position property.
nodeDropping		Raised when the node is being dropped. The handler function takes arguments evt and ui. The ui argument options and their usage follow. Argument name Usage ui.binding Gets a reference to the binding property. ui.data Gets a reference to the data property. ui.draggable Gets a reference to the draggable property. ui.element Gets a reference to the element property. ui.helper Gets a reference to the helper property. ui.offset Gets a reference to the offset property. ui.path Gets a reference to the path property. ui.position Gets a reference to the position property.

Related Content

Topics

The following topics provide additional information related to this topic.

• Drag-and-Drop Property Reference (igTree): This topic is a chart with reference information about the properties of the igTree control related to its Drag-and-Drop feature.

• API Links (igTree): This topic provides links to the igTree jQuery and MVC API.

Samples

The following samples provide additional information related to this topic.

• Drag and Drop - Single Tree: This sample demonstrates how to initialize the igTree control with the Drag-and-Drop feature enabled.

• Drag and Drop - Multiple Trees: This sample demonstrates how to drag-and-drop nodes between two igTrees.

• API and Events: This sample demonstrates how to use igTree API.