jquery - 实现多选拖放

Question

我正在尝试实现多选拖放，单选工作正常，但我正在努力进行多选

我正在使用 jquery.rowselector.min.js 来启用多项选择，但在“onDragStart”方法中，我看不到如何添加多行，因为它似乎仅限于每个 mime 类型一个条目。

这是 SINGLE 事件处理程序：

function drag(ev) {
    ev.dataTransfer.setData("orderId", ev.target.getAttribute('data-id'));
}

这就是我为 MULTI 所拥有的，它确实列出了选定的 id：

function dragMulti(ev) {

    $('#orderTable').selectedrows().each( function( index, order ) {
    var id = $(this).closest('tr').attr('data-id');
    alert("Selected ID : " + id )
    })
}

查看各种谷歌搜索似乎有一个 js 文件，它允许使用索引进行多个 setData 调用，例如：dataTransfer.mozSetDataAt(...)

但我找不到

非常感谢任何帮助

标签： jqueryhtmldrag-and-drop

Answer 1

我首先使用 row-selector.js 包来启用多行选择，然后找到所有设置了已选中属性的元素以生成连接列表