【问题标题】:ReactJS Drag and Drop Between Multiple ListsReactJS 在多个列表之间拖放
【发布时间】:2017-12-20 02:33:24
【问题描述】:

我整天都在搜索,但没有找到任何东西。所有的 React 库似乎都只在一个独立列表之间排序。

我找到的最接近的是这篇文章:http://rafaelquintanilha.com/sortable-targets-with-react-dnd/

在这个例子中:http://rafaelquintanilha.com/apps/sortabletargets/

问题是您必须先将项目拖到不同的列表中,然后才能对其进行排序。换句话说,您不能将一个项目从一个列表拖到另一个列表,也不能将该项目准确地放置在您要拖到的那个列表中的任何位置。

你们知道或知道我可以通过什么方式来完成此任务的任何类型的库吗?

我非常需要这个功能来完成一个工作项目。感谢您的帮助

【问题讨论】:

  • 我也有同样的问题。你找到解决办法了吗?
  • @Manuel,请看我的回复
  • 谢谢你,这正是我所需要的

标签: javascript html reactjs drag-and-drop jquery-ui-draggable


【解决方案1】:

这个库就是你要找的:

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

但请注意,它目前不支持虚拟化。 [更新:现在支持虚拟化! 2021 年 7 月]

这是带有源代码的示例:

https://codesandbox.io/s/ql08j35j3q

【讨论】:

  • 2021 更新:现在支持虚拟化
  • @xeiton 关于我应该如何使用 react dnd 解决这个问题的任何想法
  • @Jayavel 你有没有找到任何方法来用 react dnd 做到这一点?
  • @PrinceAgrawal 你可以在这里找到列表之间的嵌套删除codesandbox.io/s/react-dnd-nested-sortable-forked-16o2m?file=/…
  • @Jayvel 你有从一个列表拖到另一个列表的代码
猜你喜欢
  • 1970-01-01
  • 2020-06-04
  • 2021-01-08
  • 1970-01-01
  • 2019-07-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多