在拖动项目时将鼠标悬停在某物上时，React DnD make dropTargets

文章/答案/技术大牛

发布

1回答

reactjs、react-dnd

我正在尝试做一些类似于下面的事情：场景1:用户将列表1从左侧拖放到右侧。我可以在拖动时显示拖放区域，它每次都会显示，但我需要显示拖放区域仅在某些项目上

浏览 13提问于2019-10-25得票数 1

5回答

React DND -在鼠标移动时获取拖动元素的坐标

javascript、reactjs、react-dnd

我有一个图像，当我拖动的时候，我也想实现一个旋转。我想的解决方案是使用React DnD来获得拖动图像位置的xy坐标，并计算原始图像位置之间的差异。此差的值将构成进行旋转的基础。我已经查看了监视器库上的示例，并且看到了监视器规范可以访问ReactDnD变量。这个监视器变量可以访问像getInitialClientOffset()这样的方法。当我实现一个具有这个值的console.log()时，它会在我释放鼠标时显示最后一个坐标集。使用这个库，有没有一

浏览 256提问于2019-04-16得票数 7

1回答

触摸用户不能拖放React应用程序

reactjs、drag-and-drop、touch

我遵循了dnd工具包React库的，它允许我用鼠标拖放很好。然而，当我试图在Android上使用与Chrome相同的页面时，我无法拖动该项目。它看起来像开始移动，然后当我的手指移动到它原来的边界之外时，它就被卡住了。如何使用dnd工具包支持触摸用户？

浏览 3提问于2022-01-21得票数 4

1回答

有没有没有拖拽中心点的React DND库？

reactjs、drag-and-drop

我在react组件中搜索了许多支持DND功能的库，但不幸的是，找不到没有中心拖动点的库。所有这些我都看到他们在长卡片内容上有一个问题。我所寻找的是，当开始拖动列表中的项目时，我需要项目根据鼠标指针改变其位置，而不是项目中心点。有什么建议吗？需要覆盖两件事。1)多个目标(任务列表类似于ZendHub) 2)拖动点基于鼠标位置，而不是中心。这个不错，但它是根据Item Center :/

浏览 16提问于2019-04-17得票数 0

1回答

SWT，在Windows上对动画背景使用透明拖动图像

java、windows、image、swt、drag-and-drop

我有一个基于画布的自定义小工具，显示一些项目，用户可以拖动排序。当用户拖动某物时，我使用被拖动项的图像作为拖动图像：source.setDragSourceEffect在Windows上，每当我移动鼠标时，平台都会拍摄当前画布内容的快照，将拖动</

浏览 3提问于2012-01-12得票数 1

1回答

如何访问反应、拖放中拖动的对象字段？

reactjs、react-dnd

所以基本上，我试图在一个简单的游戏中使用dnd，但我觉得我不太明白某些params的意义。我有两个组件被用作源和目标。源正在接收来自父服务器的单元支持，我希望Field组件(目标)知道哪个单元正在被拖动，ATM机和放置后在其中显示它。我已经看到我可以在beginDrag()中指定一些字段，但我认为可能不是它。export default BenchTileSource( BenchTileSource import

浏览 8提问于2020-07-15得票数 0

回答已采纳

2回答

拖动时的AgGrid自定义html

reactjs、drag-and-drop、ag-grid

我正在研究改变aggrid组件的拖动悬停。我在上面找不到太多...有人知道如何在拖动模式下更改行的样式吗？ 

浏览 1提问于2018-09-17得票数 2

1回答

自定义拖动预览触摸屏与[dnd-多后端]或[TouchBackend]+[HTML5Backend]+[现代化]？

javascript、reactjs、drag-and-drop、modernizr、react-dnd

在dnd-multi-backend库中，有这样的说明：在笔记本电脑上预览工作。HTML5toTouch中的预览选项设置为true。( 1)在笔记本电脑和触摸设备上使用dnd-multi-backend dnd时<

浏览 1提问于2019-03-15得票数 3

3回答

自动滚动的React dnd

jquery、reactjs、react-dnd

我正在从事一个react dnd项目，我正在遵循。一切工作正常，但我无法在拖动时滚动。我需要一个滚动条，当我拖动一个项目时，已经到达了最后一个可放置源，然后它会自动滚动，并允许我将项目放在那里。

浏览 0提问于2016-09-15得票数 1

2回答

创建一个可以同时拖放列和行的表。

reactjs、drag-and-drop

我想要创建一个表，它可以将列和行都拖放到React上。我已经看过其他解决方案，如、等。到目前为止，我找到的最好的解决方案是，但这需要我获得许可证。我一直在寻找其他的解决方案，甚至试图在自己的反应构建这个功能。是否有人对如何实现此功能有洞察力，或甚至推荐有助于实现此功能的其他解决方案。

浏览 12提问于2019-12-02得票数 3

1回答

如何防止从react-sortable-tree拖拽到另一个组件后移除节点？

javascript、reactjs、drag-and-drop、react-dnd

我使用"react-sortable- Tree“可视化文件夹树，使用"react-dnd”将节点从文件夹树复制到另一个组件。

浏览 70提问于2019-02-06得票数 0

回答已采纳

1回答

react漂亮-dnd不能正确地使用react虚拟化表组件

javascript、reactjs、react-virtualized、react-beautiful-dnd

预期行为实际行为您使用的是什么版本的React？16.13.013.0.0 您运行的是什么

浏览 8提问于2022-02-14得票数 2

回答已采纳

1回答

选择退出"move out of the way“功能？

reactjs、react-beautiful-dnd

我在我的项目中使用react-beautiful dnd。我正在尝试使两个可拖放的对象交换位置(在可拖放的对象之间)。基本上每个droppable只允许1个draggable。当我将鼠标拖到可拖动对象上时，"move out of the way“功能会一直将它们移开，但我不希望这样。有没有人知道不把拖拽的东西移走的方法？

浏览 12提问于2019-02-06得票数 0

1回答

在react上弹出漂亮的dnd时跳转的项目

javascript、css、react-beautiful-dnd

尝试使用react- but dnd来创建可拖拽的项目，但找不到为什么它如此“跳跃”。在移动项目并释放它之后，被拖动的项目和其他项目正在移动和缩放(参见包含的图像gif )。只有当拖动物品/卡片到列表的末尾时，它才会在没有任何动画的情况下稳定下来，这就是我想要的方式。在基于javascript的css中使用material-UI样式和flex将容器与项目</em

浏览 17提问于2019-12-02得票数 4

2回答

React-DnD -当屏幕顶部有固定元素时，将元素拖动到屏幕顶部不会向上滚动页面

reactjs、drag-and-drop、material-ui、css-position、react-dnd

我有一个仪表板，上面有多个DnD元素和一个固定的AppBar。我发现，如果您将元素拖到页面顶部(当您已经向下滚动了一点页面时)，它不会向上滚动，但是如果您从AppBar中删除position: fixed属性，它就会向上滚动。编辑：我尝试过react-dnd-scrollzone和前端集合。这两个都不再被支持，当我降级我的react-dnd版本时，它们都不起作用。顺便说一下，我使用的是react-dnd版本10.0.2。

浏览 1提问于2020-03-01得票数 1

2回答

React DnD应找到有效的目标

reactjs、react-dnd

看起来React DnD希望可拖动/可拖放的项成为兄弟项才能正常工作。如果其中一项属于另一个父项，我会得到“期望找到一个有效的目标”。只要drag over事件激发(当交换应该触发时)。请注意，第一个卡片项目是在另一个div中与其余项目分开呈现的。要触发错误，只需将第一个项目拖放到另一个项目中。请注意，如果您拖放任何其他项目，它们将正常工作。原始示例：https://

浏览 53提问于2020-07-29得票数 3

1回答

Vaadin14自定义网格拖放

vaadin、vaadin-flow、vaadin14

我的问题是，我只希望两种类型的元素是可拖动的，并且它们只能拖放到这两种类型和根元素中。到目前为止，通过在元素是不同类型的元素时返回dragStartEvent，我可以设法只允许拖动这些元素。但是当它是一个网格时，我如何定制允许的dropTargets呢？现在用户可以将元素放在任何其他网格元素上，我唯一能做的就是如果dropTarget不是想要的类型，就会显示一条错误消息，但这不是一个好的解决方案，他们应该在拖动项目

浏览 38提问于2021-07-02得票数 2

4回答

如何在React中实现简单拖放模式组件

reactjs

我对React.js非常陌生，我想实现的是一个拖放组件(让我们称之为DDCom)：我真的不知道如何在React.js中实现这一点，有没有人能给出一些代码示例(或者解释一下如何用FLUX模式构造它)？大多数帖子都指向React DnD，但它看起来太大了，很难理解，我想要

浏览 3提问于2015-10-01得票数 1

2回答

使用自定义拖动层的react-dnd可排序列表

reactjs、drag-and-drop、react-dnd

我已经用react-dnd创建了一个简单的可排序列表，使用的代码类似于中的react-dnd的可排序示例。但是，我在尝试概念化如何调整此示例并利用react-dnd的来自定义拖动预览时遇到了一些困难。具体地说，我希望在开始拖动组件时更改组件的背景色。不要太复杂。为什么我需要使用一个自定义的拖动层？因为由于浏览器API和react-dnd

浏览 16提问于2020-04-06得票数 2

点击加载更多