腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
react-beautiful
dnd
更改
drop-zone
中
的
元素
大小
javascript
、
reactjs
、
drag-and-drop
、
react-beautiful-dnd
在我
的
上下文中,与容器A相反,同一项在容器B
中
时具有不同
的
大小
和样式。 ? 我找到了一种方法来做到这一点,但问题是,在拖动时,容器B
中
为项目腾出空间
的
项目上
的
转换是基于容器B
中
的
初始
大小
计算
的
。有没有办法实现我想要做
的
事情?
浏览 28
提问于2020-07-21
得票数 2
1
回答
如何拖放物料-UI卡片
reactjs
、
material-ui
是否可以拖放和
更改
物料UI卡片
的
排序?如果是这样,是怎么做到
的
?
浏览 0
提问于2020-02-04
得票数 12
回答已采纳
1
回答
react-beautiful
dnd
从列表
中
拖动克隆
reactjs
、
drag-and-drop
、
react-beautiful-dnd
我正在尝试实现这样
的
东西:https://codesandbox.io/s/40p81qy7v0?file=/index.js它在沙箱
中
的
编辑器
中
工作得很好,但当我在我
的
计算机上运行代码时,它
的
工作方式与示例
中
的
不同。当拖动一些东西时,下面的下一个
元素
消失了。有没有人知道如何实现这种克隆效果?
浏览 155
提问于2020-10-26
得票数 1
1
回答
React-beautiful
dnd
与其他拖拽包
的
冲突
reactjs
、
d3.js
、
material-ui
、
react-beautiful-dnd
我正在尝试在一个应用程序
中
同时
使用
D3、平行圆弧和材料表。每个组件单独运行良好。但是当这些一起呈现时,react- but
dnd
内部就会发生一个问题。D3平行圆弧在内部
使用
d3拖拽包,材料表
使用
react-beautiful
dnd
包。/><
浏览 99
提问于2020-05-14
得票数 0
3
回答
如何调整克隆
的
jQuery UI
元素
(图像)
的
大小
jquery
、
jquery-ui
、
resize
、
clone
我有一些特殊
的
需求,需要克隆一个
元素
(图像),并且可以在容器
中
拖动,但在容器
中
仍然保留它
的
可拖动(但不是克隆)。有点不可靠但可以工作
的
示例:<div class="drag&qu
浏览 4
提问于2012-03-22
得票数 2
回答已采纳
1
回答
react-beautiful
dnd
可拖动对象在拖动期间不可见
javascript
、
reactjs
、
react-beautiful-dnd
我正在
使用
react-beautiful
dnd
创建一个类似trello
的
组件,但是在拖动过程
中
这个可拖动
的
对象是不可见
的
,我正在努力找出原因。
浏览 2
提问于2018-11-27
得票数 3
1
回答
如何在没有索引
的
对象数组
中
重新排列项
reactjs
、
react-beautiful-dnd
我有一个对象数组,它
的
格式如下 { isBox1: trueshow2', }, type: 'Charge my phone3', }我
使用
react-beautiful
dnd
来拖放这个对象数组。我希望能够分配基于拖放<
浏览 3
提问于2020-08-26
得票数 0
1
回答
如何让React组件更具可重用性?
javascript
、
reactjs
、
frontend
我一直在学习React,在过去
的
一个月里一直在做一个项目,但我开始意识到我
的
组件不一定是“可重用
的
”。我知道可重用性是React
的
一个重要概念,但我不知道如何简化我
的
组件。例如,我有一个
使用
react-beautiful
dnd
的
待办事项应用程序,它包含三个组件: DragDropContext、Droppable和Draggable。整个应用程序现在包含四个组件:主应用程序组件,它将数据传递给三个
react-beautifu
浏览 19
提问于2020-06-21
得票数 2
1
回答
精细-Uploader:获取原始触发
元素
(单击或删除)
jquery
、
amazon-s3
、
fine-uploader
我
的
安排方式类似于Google Drive
的
上传功能,其中有一个集中上传框,其中列出了所有正在进行
的
文件,完成后,我想对原始触发
的
元素
(删除目标或按钮)做一些DOM操作,并设置一个预览,以及其中
的
一些细节要执行DOM操作,我希望获得原始触发
元素
。为了更清楚地说明这一点,下面是如何初始化拖放
元素
: classes: {
浏览 0
提问于2015-02-28
得票数 1
回答已采纳
1
回答
在
react-beautiful
dnd
中
通过快照时出现typescript类型错误
reactjs
、
typescript
、
react-beautiful-dnd
我正在尝试
使用
react-beautiful
dnd
创建一个非常简单
的
、可拖动
的
元素
列表。当我尝试
使用
快照并分配snapshot.isDragging
的
值时,我得到一个错误。(不起作用
的
部分):是将isDragging属性从快照传递到容器
中
,以便我可以在其上
使用
样式组件。from "styled-components"; import { Draggable } from &qu
浏览 62
提问于2020-08-29
得票数 0
回答已采纳
2
回答
如何
使用
webdriver在行
中
查找动态id
元素
?
c#
、
selenium-webdriver
我得到了
元素
的
html: <li class="cabinet-module-holder cabinet-module-w4" ng-repeat="module in $ctrl.cabinetRow.modulestrack by module.id"
dnd
-draggable="module"
dnd
-effect-allowed="move"
dnd
-moved="$ctrl.removeModul
浏览 0
提问于2017-04-04
得票数 0
2
回答
如何将ng2-
dnd
应用于背景图像?
html
、
css
、
angular
我正在
使用
ng2-
dnd
模块来实现列表
的
排序。排序和拖动非常有效,除非用户必须通过单击my
的
文本来拖动。<ul
dnd
-sortable-container [sortableData]="coordinateSystems" class="coordinateOptionsList"> <li *ngFor="let coord
浏览 0
提问于2018-05-10
得票数 7
回答已采纳
1
回答
TypeError:无法读取react BeatifulDnD上未定义
的
属性“”map“”
javascript
、
reactjs
我正在尝试将React钩子与atlassian/
react-beautiful
dnd
一起
使用
我几乎被困在这里了。import React from 'react'; import { DragDropContext, Droppable, Draggable } from 'react-beautiful-
浏览 6
提问于2019-10-28
得票数 0
1
回答
移动图像预览包装器时文件上载表单无法工作
javascript
、
html
、
css
、
forms
、
upload
我有一个文件上传程序,处理多个文件,所有工作
的
预期。我不知道为什么会发生这种事。在填充图像预览之前,
元素
本身是空
的
,我不认为这个问题是由javascript引起
的</
浏览 7
提问于2021-07-20
得票数 0
回答已采纳
1
回答
jQuery克隆图像,但仅当从外部容器拖动时
jquery
、
jquery-ui
、
clone
、
draggable
、
droppable
我有两个html
元素
,2.<div class="
drop-zone
"></div>是它们可以放置、保留、拖动但不能克隆
的
div。它可以工作,但是,我不希望拖放到.
drop-zone
中
的
图像在拖动时被克隆。是否有
浏览 2
提问于2012-03-18
得票数 0
回答已采纳
1
回答
如何在
使用
react-beautiful
dnd
删除
元素
后保持适当
的
间距?
reactjs
、
material-ui
、
padding
、
react-beautiful-dnd
我结合
使用
Material UI和react-beautiful-
dnd
来创建一个非常简单
的
Grid列布局,其中包含可以重新排序
的
元素
。但是,我遇到了
元素
之间
的
间距问题,这很难解释,所以我只给你展示一下: ? 我不确定这个问题是从哪里来
的
,甚至不知道该怎么称呼它。在内部,Grid
的
spacing属性是
使用
padding实现
的
,我甚至找不到任何信息来说明为什么拖放系统不能
使用
浏览 48
提问于2020-06-25
得票数 0
回答已采纳
4
回答
找不到react- be
dnd
- DroppableProvided >占位符。-如何修复?
javascript
、
reactjs
、
react-beautiful-dnd
我尝试
使用
“
react-beautiful
dnd
”,并将其实现到现有的项目中。我
使用
的
包
的
版本是10.1.1,因为我不能
使用
更高
的
版本。我尝试将placehoder放在不同
的
div
中
,并为droppable
元素
提供了相应
的
功能。import SalesChart from '.Weather f
浏览 0
提问于2019-11-11
得票数 3
2
回答
如何使我
的
div保持不变,不再改变位置?
html
、
css
如果您
更改
选项卡以查看灰色背景在下面移动。这是非常谨慎
的
,你必须仔细看一看。 我放了一张照片来更好地理解。
浏览 1
提问于2015-03-13
得票数 1
回答已采纳
1
回答
Typescript:在react ref上扩展div
元素
的
属性失败
javascript
、
reactjs
、
typescript
、
react-beautiful-dnd
我正在
使用
react-beautiful
dnd
进行拖放场景,尝试添加一个拖放动画,遵循手册https://github.com/atlassian/react-beautiful-
dnd
/blob/在
使用
typescript时,当我将isDragging属性添加到简单
的
div
元素
中
时,我遇到了麻烦。为了解决这个问题,我构建了一个具有扩展属性
的
组件,如下所示 Specify
浏览 68
提问于2019-10-11
得票数 0
2
回答
在引导网格
中
在不改变<div>
大小
的
情况下创建单边边界
css
、
html
、
twitter-bootstrap
我正在为引导3网格在html5
中
实现一个本机
DnD
,并且我试图生成指示符,同时在两个
元素
之间拖动以告诉用户他可以在那个位置删除项目。现在,每当拖动在
元素
的
左侧或右侧悬停时,我就会添加border-left和border-right。这基本上很好,但是当拖过边框到下一个
元素
时,边框会随着div
大小
的
变化而跳跃。我试过了 box-shadow ->不能
使用
像dashed这样<e
浏览 0
提问于2019-02-14
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
react-beautiful-dnd v8.0.0 发布
免费开源虚拟机VirtualBox 7.0.6发布
【行业资讯】VirtualBox 7.0.6 发布,初始支持 RHEL 9.1
13个精选的 React JS 框架
通用数据结构
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券