如何在使用带有自定义拖动预览的React DnD进行拖放时隐藏元素？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

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

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

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

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

2回答

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

reactjs、drag-and-drop、react-dnd

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

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

5回答

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

javascript、reactjs、react-dnd

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

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

4回答

如何使用AgGrid自定义鬼文本(拖动项名)

drag-and-drop、ag-grid

根据标题，是否有一种方法可以通过API (非托管)行拖放实现通过API自定义“鬼影文本”？

浏览 1提问于2018-06-10得票数 3

回答已采纳

1回答

情感与反应-美丽-dnd:条件风格不使用css道具

css、conditional-formatting、emotion、react-beautiful-dnd

我正在尝试有条件地转换拖放元素(使用react-beautiful-dnd)，在拖放元素被拖动时旋转它，我看到emotion-css使用样式化的组件语法进行了如下操作： ${props => css` transform: rotate(15deg

浏览 2提问于2021-10-26得票数 0

1回答

如何在保持状态的同时复制组件？

javascript、reactjs、react-dnd

我有一个带有state的组件，该组件由于某些异步操作而得到更新。这个组件是一些拖放UI的一部分，当用户开始拖动操作时，我需要在应用程序中负责显示拖动元素的单独部分中呈现这个组件。} />}renderDragPreview(dragSourceComponentRef) { return <

浏览 2提问于2018-11-08得票数 4

1回答

如何使用jsTreeR向拖入层次结构节点的元素添加顺序编号？

css、r、shiny、jstree、jstreer

我正在评估允许用户构建一系列数学操作的层次结构的不同选项，并且正在尝试不同的包，如jsTreeR、shinyTree、shinyDND、sortable和最后手段(放弃对用户友好的可视化方法) rhandsontable如相关文章中所解释的使用下面的可重复代码，我试图从“菜单”节点中将被拖动(或复制)到“拖动此处”节点的元素添加顺序编号。有什么办法吗？更好地解释在图片最下面的这篇

浏览 2提问于2022-06-08得票数 2

回答已采纳

5回答

在网站中使用拖放？

java、ajax

因为我现在想开发比我目前创建的基本php和javascript更好的web应用程序，我想知道web开发人员如何创建一些我在过去几年中使用过的令人惊叹的网站。例如，在我访问的一些网站上，它们能够将项目从调色板拖放到网页上。我主要考虑的是我所见过的一些在线图表工具。他们是如何做到这一点的，因为我现在很困惑。我想开始创建这些类型的网站，目前我不知道如何继续。我首先想创建一些小的测试者网

浏览 0提问于2010-10-17得票数 4

3回答

使用Jquery调查表单生成器？

php、jquery、forms、builder、survey

用户可以通过拖动和删除适当的表单元素(如复选框、无线电按钮等)来创建自己的调查。如何保存表单结构

浏览 3提问于2011-09-15得票数 3

回答已采纳

3回答

HTML拖放setDragImage不会在第一次拖动时设置幽灵图像

javascript、jquery、html、drag-and-drop、jquery-ui-draggable

我试图创建一个拖放菜单，用户可以将图像缩略图从div拖到画布上。下面是我对

浏览 2提问于2015-06-17得票数 9

回答已采纳

8回答

确定从dragenter & dragover事件中拖出什么

javascript、html、draggable

我正在尝试使用HTML5可拖式API (虽然我意识到它是)。到目前为止，我遇到的唯一一个显示障碍是，我无法确定当dragover或dragenter事件触发时拖动的是什么：我意识到我可以假设这是触发dragstart事件的最后一个元素，但是.多点触摸。我也尝试使用来自dragstart的dragstart来附加一个唯一

浏览 14提问于2012-06-16得票数 83

回答已采纳

12回答

反应美丽的DND -我得到“找不到拖用id: 1”

javascript、reactjs、react-beautiful-dnd

在下面的代码中，UI呈现两个“列”组件，每个列包含两个称为“任务”的可拖放元素。当用户在列之间拖动一个“任务”时，代码就能工作到某个点。当用户不断地拖拽任务组件时，最终它们将停止拖动，用户将得到一个错误，该错误如下：我不知道为什么会发生这种事，也不知道如何解决。注意:我假设库的工作方式是当您拖动元素时，需要在onDragEnd

浏览 8提问于2020-02-02得票数 26

回答已采纳

2回答

HTML5拖放与jQuery UI拖放

javascript、jquery、html、jquery-ui、drag-and-drop

2017年制作拖放构建器的最佳方式是什么？是的，这个问题已经被问到了，但那是5年前的事了，我想事情已经改变了？HTML5，jQuery UI，还是现在有其他选择了？最近的一个问题也没有得到回答。任何帮助都是最好的！我已经开始尝试两者(我从未使用过HTML5或jQuery UI的拖放功能，所以我很难做出决定)。而且jQuery UI确实看起来更容易使用和理解，但似乎也有相当多的but，至少在代码方面是这样。

浏览 23提问于2017-08-14得票数 6

回答已采纳

2回答

UIDragInteractionDelegate:如何在dragInteraction返回的拖动预览中显示透明部件(_：previewForLifting:session：)

ios、drag-and-drop、uikit、transparency

我希望使用户能够拖放包含透明部分的图像。但是，拖动的内容的默认预览是一个矩形，其不透明的白色背景覆盖了我的应用程序的背景。当我通过实现UIDragInteractionDelegate方法创建自定义预览时(如苹果的代码示例 )，仍然没有考虑到源图像的透明度，这意味着我的预览

浏览 8提问于2017-11-03得票数 8

回答已采纳

1回答

将自定义用户界面与ADB2C登录策略一起使用

azure-ad-b2c

我已经实现了自定义用户界面与登录策略。但UI将包含由<div id="api"></div>的ADB2C插入的内容。我得到了一个这样的页面

浏览 1提问于2018-08-06得票数 0

1回答

VueJs可拖动的可排序取消添加元素而不取消拖动预览

javascript、vue.js、vuejs2、draggable、jquery-ui-sortable

我正在使用，我试图完成一件事情，基本我有两个列表，第一个是包含一些部分的列表，如(表，段落.)第二个部分是构建块，但我需要的基本流程是，将一个元素从list1拖到list2，，但不要添加元素--这很重要，因为我需要先打开一个模式来设置将要添加的元素的属性，然后将其添加到futureIndex中。目前，我有了一个解决方案，我几乎可以完成我需要的事情，我只需要了解如何取消元素的添加，而

浏览 4提问于2017-08-18得票数 1

回答已采纳

3回答