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

    Open In Dojo
    <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>
    In this article