<kendo:listBox-draggable>

Indicates whether the ListBox items can be dragged and dropped.

Example

<kendo:listBox>
    <kendo:listBox-draggable></kendo:listBox-draggable>
</kendo:listBox>

Configuration Attributes

enabled boolean

Indicates whether dragging is enabled.

Example

<kendo:listBox-draggable enabled="enabled">
</kendo:listBox-draggable>

hint java.lang.String

Provides an option to customize the draggable item hint. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a hint is not provided, the ListBox clones the dragged item and uses it as a hint.

Example

<kendo:listBox-draggable hint="hint">
</kendo:listBox-draggable>

placeholder java.lang.String

Provides an option to customize the item placeholder of the ListBox. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a placeholder is not provided, the ListBox clones the dragged item, removes its id attribute, sets its visibility to hidden, and uses it as a placeholder.

Example

<kendo:listBox-draggable placeholder="placeholder">
</kendo:listBox-draggable>

Event Attributes

hint String

Provides an option to customize the draggable item hint. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a hint is not provided, the ListBox clones the dragged item and uses it as a hint.

Example

<kendo:listBox-draggable hint="handle_hint">
</kendo:listBox-draggable>
<script>
    function handle_hint(e) {
        // Code to handle the hint event.
    }
</script>

placeholder String

Provides an option to customize the item placeholder of the ListBox. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a placeholder is not provided, the ListBox clones the dragged item, removes its id attribute, sets its visibility to hidden, and uses it as a placeholder.

Example

<kendo:listBox-draggable placeholder="handle_placeholder">
</kendo:listBox-draggable>
<script>
    function handle_placeholder(e) {
        // Code to handle the placeholder event.
    }
</script>

Event Tags

kendo:listBox-draggable-hint

Provides an option to customize the draggable item hint. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a hint is not provided, the ListBox clones the dragged item and uses it as a hint.

Example

<kendo:listBox-draggable>
    <kendo:listBox-draggable-hint>
        <script>
            function(e) {
                // Code to handle the hint event.
            }
        </script>
    </kendo:listBox-draggable-hint>
</kendo:listBox-draggable>

kendo:listBox-draggable-placeholder

Provides an option to customize the item placeholder of the ListBox. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a placeholder is not provided, the ListBox clones the dragged item, removes its id attribute, sets its visibility to hidden, and uses it as a placeholder.

Example

<kendo:listBox-draggable>
    <kendo:listBox-draggable-placeholder>
        <script>
            function(e) {
                // Code to handle the placeholder event.
            }
        </script>
    </kendo:listBox-draggable-placeholder>
</kendo:listBox-draggable>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy