Как переместить все элементы списка одним нажатием кнопки из одного списка в другой связанный список в сортируемом списке kendo?

Question

Я работаю над сортируемым списком кендо. Его отлично работает для перетаскивания. Но теперь я хочу переместить все элементы списка одним нажатием кнопки из одного списка в другой связанный список в сортируемом списке kendo.

Я написал следующий код: Теперь при нажатии кнопки я хочу переместить item2, item3 в список sortable-listSelectedColumns, в то же время я хочу удалить эти элементы из списка sortable-listAllColumns.

   <div class="form-group">
            <div class="col-md-6">
                <div class="box select-box item-list">
                    <ul id="sortable-listAllColumns" style="min-height: 100px;">
                <li>Item 2</li>
                <li>Item 3</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6">
                <div class="box select-box seleted-item">
                    <ul id="sortable-listSelectedColumns" style="min-height: 100px;">

                    </ul>
                </div>
            </div>
        </div>

$(document).ready(function () {
    $("#sortable-listAllColumns").kendoSortable({
        connectWith: "#sortable-listSelectedColumns",
        placeholder: placeholder
    });

    $("#sortable-listSelectedColumns").kendoSortable({
        connectWith: "#sortable-listAllColumns",
        placeholder: placeholder,
        cancel: onCancel,
        move: onMove
    });

});

Answer 1

При нажатии кнопки,

$("#sortable-listSelectedColumns").data("kendoSortable").element.append($("#sortable-listAllColumns").data("kendoSortable").items());