DraggableTagHelper

Example

Razor
<body>
</body>

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
containerStringSelector that determines the container to which boundaries the hint movement will be constrained.
distanceDoubleThe required distance that the mouse should travel in order to initiate a drag.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
cursor-offset-leftDoubleSpecifies 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.
cursor-offset-topDoubleSpecifies 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.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
auto-scrollBooleanIf set to true the widget will auto-scroll the container when the mouse/finger is close to the top/bottom of it.
axisDraggableAxisRepresents the Draggable widget Axis
filterStringSelects child elements that are draggable if a widget is attached to a container.
groupStringUsed 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.
has-client-componentBoolean
hintStringProvides a way for customization of the drag indicator. If a function is supplied, it receives one argument - the draggable element's jQuery object.
hold-to-dragBooleanSuitable for touch oriented user interface, in order to avoid collision with the touch scrolling gesture. When set to true, the widget will be activated after the user taps and holds the finger on the element for a short amount of time.The draggable will also be activated by pressing, holding and lifting the finger without any movement. Dragging it afterwards will initiate the drag immediately. The activated mode can be canceled by calling cancelHold.
ignoreStringSpecifies child elements for which the drag will not be initialized. Useful if the draggable contains input elements.
is-enabledBooleanAttribute initializator for the Kendo Draggable.
on-dragStringFired while dragging. The drag event represents a jQuery mousemove event and contains all the event data of the jQuery Event Object.
on-dragcancelStringFired when item drag is canceled by pressing the Escape key. The dragcancel event represents a jQuery keyup event and contains all the event data of the jQuery Event Object.
on-dragendStringFired when item drag ends. The dragend event represents a jQuery mouseup event and contains all the event data of the jQuery Event Object.
on-dragstartStringFired when item drag starts. The dragstart event represents a jQuery mousedown event and contains all the event data of the jQuery Event Object.
on-holdStringTriggered only when holdToDrag is set to true. Fired before the dragStart event. The hold event represents a jQuery mousedown event and contains all the event data of the jQuery Event Object.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
In this article
ExampleAttributes
Not finding the help you need?
Contact Support