Dropzone.js使用jQuery可排序对队列进行拖放重新排序

时间:2014-05-30 00:21:26

标签: jquery jquery-ui-sortable dropzone.js

我正在使用dropzone和autoProcessQueue:false来让用户有机会删除文件/等。

理想情况下,我想要允许的是对队列进行拖放重新排序...这样,如果用户选择10个图像并将它们拖放到dropzone中,则可以使用鼠标对它们进行排序。

到目前为止,我已将jQuerys sortable()应用于.dz-preview元素(.dz-preview是dropzone中使用的div,用于显示要上传的每个图像)。

它可以很好地改变.dz-preview元素的显示顺序......但是它们仍然按照它们最初添加到队列的确切顺序上传。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

你的问题实际上是关于jQuery.sortable()
您需要为stop()定义sortable()函数。从那里你可以得到一个元素的顺序,并将它注入你表单中的一些隐藏字段,然后将其与其余字段一起发送到服务器。
以下是一个示例:Get order of list items in a jQuery Sortable list after resort