如何在單擊按鈕時將所有列表項從一個列表移動到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());