实现多选拖放

时间:2019-06-16 13:43:40

标签: jquery html drag-and-drop

我正在尝试实现多选拖放,单选工作正常,但我在多选方面苦苦挣扎

我正在使用jquery.rowselector.min.js启用多个选择,但是在“ onDragStart”方法中,由于似乎仅限于每个mime类型一个条目,所以我看不到如何添加多行。

这是单个事件处理程序:

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 )
    })
}

查看各种Google搜索,似乎有一个js文件,该文件允许使用索引进行多个setData调用,例如: dataTransfer.mozSetDataAt(...)

但我找不到它

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

我首先使用row-selector.js包启用多行选择,然后找到所有设置了checked属性的元素以生成串联列表