Edit this page

dropSources Array

Array of id strings which determines the ListBoxes that can drag and drop their items to the current ListBox. The dropSources option describes a one way relationship. If you want a two-way connection, then set the dropSources option on both widgets.

You have to set the draggable option to all source ListBox widgets that are described in dropSources.

Example - set up a one way connection from ListBoxA to ListBoxB

<select id="listBoxA">
    <option>ItemA1</option>
    <option>ItemA2</option>
</select>
<select id="listBoxB">
    <option>ItemB1</option>
    <option>ItemB2</option>
</select>

<script>
    $("#listBoxA").kendoListBox({
        draggable: true
    });

    $("#listBoxB").kendoListBox({
        dropSources: [ "listBoxA" ]
    });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy