jquery - 如何在单击一个按钮时将所有列表项从一个列表移动到剑道可排序列表中的另一个连接列表？

Question

我正在研究剑道可排序列表。它适用于拖放选项。但是现在我想通过单击一个按钮将所有列表项从一个列表移动到剑道可排序列表中的另一个连接列表。

我已经编写了以下代码，现在单击按钮我想将 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());