axis
:
String(default: null) Constrains the hint movement to either the horizontal (x) or vertical (y) axis. Can be set to either "x" or "y".
If set, the hint movement is constrained to the container boundaries.
If set, specifies the offset of the hint relative to the mouse cursor/finger.
By default, the hint is initially positioned on top of the draggable source offset. The option accepts an object with two keys: top
and left
.
Example
$("#draggable").kendoDraggable({cursorOffset: {top: 10, left: 10}});
The required distance that the mouse should travel in order to initiate a drag.
Selects child elements that are draggable if a widget is attached to a container.
group
:
String(default: "default") Used to group sets of draggable and drop targets. A draggable with the same group value as a drop target will be accepted by the drop target.
Provides a way for customization of the drag indicator. If a function is supplied, it receives one argument - the draggable element's jQuery object.
Example
//hint as a function
$("#draggable").kendoDraggable({
hint: function(element) {
return $("#draggable").clone();
// same as
// return element.clone();
}
});
//hint as jQuery object
$("#draggable").kendoDraggable({
hint: $("#draggableHint");
});
group
:
String(default: "default") Used to group sets of draggable and drop targets. A draggable with the same group value as a drop target will be accepted by the drop target.
If set to true, the mousedown and selectstart events will not be prevented.
If passed, the filter limits the child elements that will trigger the event sequence.
global
:
Boolean(default: false) If set to true, the drag event will be tracked beyond the element boundaries.
If set to true, the mousedown event propagation will be stopped, disabling
drag capturing at parent elements.
If set to false, dragging outside of the element boundaries will trigger the end
event.
If set, the drag event will be tracked for the surface boundaries. By default, leaving the element boundaries will end the drag.
The minimum distance the mouse/touch should move before the event is triggered.