最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - ReactJS Drag and Drop Between Multiple Lists - Stack Overflow

programmeradmin1浏览0评论

I've been searching all day and haven't found anything.. All the React libraries all seem to only sort between ONE standalone list.

The closest I found was this article: /

with this example: /

The problem is that you have to drag the item to a different list BEFORE you can sort it. In otherwords you can't drag an item from one list to another list and also place the item exactly where you want in that list that your'e dragging it to.

Is there any sort of library that you guys know about or know just of any way I can acplish this?

I desperately need this functionality for a work project. Thank you for any help

I've been searching all day and haven't found anything.. All the React libraries all seem to only sort between ONE standalone list.

The closest I found was this article: http://rafaelquintanilha./sortable-targets-with-react-dnd/

with this example: http://rafaelquintanilha./apps/sortabletargets/

The problem is that you have to drag the item to a different list BEFORE you can sort it. In otherwords you can't drag an item from one list to another list and also place the item exactly where you want in that list that your'e dragging it to.

Is there any sort of library that you guys know about or know just of any way I can acplish this?

I desperately need this functionality for a work project. Thank you for any help

Share Improve this question asked Jul 14, 2017 at 22:16 user1189352user1189352 3,88513 gold badges59 silver badges100 bronze badges 3
  • I have the same question.. Did you found a solution ? – Manuel Commented Oct 7, 2018 at 17:18
  • @Manuel, please see my response – xeiton Commented Oct 29, 2018 at 21:48
  • Thank you thats exactly what I need – Manuel Commented Oct 30, 2018 at 8:53
Add a ment  | 

1 Answer 1

Reset to default 10

This library is what you are looking for:

https://github./atlassian/react-beautiful-dnd

But be aware that it doesn't support virtualization at this point in time. [UPDATE: Virtualization is now supported! July 2021]

Here is the example with source code:

https://codesandbox.io/s/ql08j35j3q

发布评论

评论列表(0)

  1. 暂无评论