Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The DragDrop component for Angular represents a component which allows you to make any HTML Element draggable.
jqxDragDrop is the jQWidgets DragDrop component for Angular. Drag-and-drop plugin with drop targets, feedback and revert.
jqxDragDrop has 21 properties, 5 events and 0 methods, all in the API reference. Its main members, those its demos use first:
dropTarget (property) – Sets or gets the drop target.revert (property) – Sets or gets whether the draggable element will be reverted to it's original position after drop.restricter (property) – Sets or gets dragdrop's restrict area.dragStart (event) – This event is triggered when the item is dragged for first time.dragEnd (event) – This event is triggered when the item is dropped.dropTargetEnter (event) – This event is triggered when the draggable item is over it's drop target for first time.dropTargetLeave (event) – This event is triggered when the draggable item leave it's drop target.appendTo (property) – Sets or gets where will be appended the draggable's feedback.distance (property) – Sets or gets the distance required for the cursor to pass before the drag begins.data (property) – This property can be used for setting some kind of information transferred with the draggable.