问题标签 [dragula]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
157 浏览

angular - 使用 Dragula (Ng2) 访问被拖动的元素

是否可以访问被拖过的元素(不是 Dragula 包)?

我正在使用 Ng2-Dragula。

我目前正在使用内置函数,但是除了包之外,没有任何悬停在上面的元素的参数。

0 投票
3 回答
3255 浏览

php - Dragula - 在 Dragula 放置事件中传递类

所以我有一个可拖动到多个列的对象,我需要制作它,以便当它被删除时,该对象中的一个变量会根据是哪个列进行更新,因为另一个对象操纵该变量进行显示。我无法从标签中获取(ondrop)事件,并且 dragula 事件侦听器的值没有向我传递任何允许我获取对象的信息。无论如何强制事件侦听器传递对象而不是html标签?还是我缺少一些方法?

0 投票
1 回答
743 浏览

reactjs - 带反应的 Dragula - 未捕获的类型错误:react_dragula_1.default 不是函数

我正在尝试通过对拖放和查找问题的反应来测试 Dragula。我收到错误消息:

未捕获的类型错误:react_dragula_1.default 不是函数

任何人都遇到过这个问题或解决问题的线索。

0 投票
1 回答
4222 浏览

javascript - 使用 Dragula 拖放,React 版本 (react-dragula) 保存拖动项目的位置

我正在使用 react-dragula ( react-dragula ) 拖放元素。掉落后我应该如何保存物品位置。

0 投票
0 回答
532 浏览

drag-and-drop - 多个选项或在dragula上的袋子之间拖动拖放角度1.*

我需要两个不同的袋子或容器放在同一个袋子里。左侧容器需要是可嵌套列表,右侧容器需要是可排序列表,可以将对象克隆到左侧容器中。

所以我需要能够在袋子之间拖动,或者在同一个袋子的容器中设置不同的选项集。这在德拉古拉可能吗?

0 投票
1 回答
1167 浏览

javascript - 如何将项目从一个存储桶移动到另一个存储桶- DragulaJS-Angular

嘿,我正在使用DragulaJS-Angular版本来获得两个桶之间拖放的效果。我对这个库有几个问题。第一个,我可以移动只属于同一个桶的项目,如果我定义了不同的桶,那么我不能在它们之间移动项目。

解释我的代码和我的目标:

我有 3 个 div,容器一、容器二和容器三。

我的主要目标是:

1.仅将物品从容器一和容器二传递到容器三。

2.一号货柜和二号货柜之间不得转运物品。

3.另外我想为从容器一转移的每个项目添加类|| 容器二到容器三。

  1. 此外,我希望能够清洁袋子并重置系统。

5.我想​​制作一个将元素从一个包传递到另一个包的动画,当前的动画是不够的。我还需要查看两个容器之间的拖动元素,而不仅仅是其中一个容器。我的代码:

0 投票
3 回答
3899 浏览

angular - 使用 Angular CLI 安装 Dragula

如何使用 Angular CLI 将 Dragula 合并到 Angular 2 项目中?

我已经安装了它:

并将其添加到我app.module的:

但是,我收到错误:

“找不到模块‘ng2-dragula’

我发现的方法建议将其添加到angular-cli-build.js,但我找不到具有该名称的文件。

让像 Dragula 这样的第三方模块与 Angular CLI 一起使用的分步过程是什么?

0 投票
1 回答
1238 浏览

angular - 使用 Dragula 的 angular2 无法重新排序多个 tbody

我的 angular2 dragula 设置可以在这里找到: 如何使用 ng2-dragula 设置 angular-quickstart

app.component.ts

上面为表格呈现了以下 html,例如,这是我想要的:

但是,在将第一行拖到第二行之后,我们看到第一个 tbody 的表格行被移动到第二个 tbody 中:

那么如何将 tbody 移动为一个块而不仅仅是 tr 呢?

0 投票
1 回答
2217 浏览

angular - Angular/2 : ng2-dragula - 创建动态嵌套元素

我正在尝试使用 ng2-dragula 实现动态树。我正在使用有序列表进行显示,例如

向上/向下和向左拖动时解决方案工作正常,但例如我不能向右拖动;我无法拖动“Category 1.2”来创建“Category 1.1.1”。

希望我说得通吗?创建嵌套“ol”元素的最佳方法是什么?

非常感谢

0 投票
0 回答
717 浏览

angularjs - 使用dragula在容器中拖放后获取div的位置

我是 angularJS 的初学者。在容器中各个 div 的拖放完成后,我试图获取位置的变化。我尝试了他们网站上给出的一些代码片段,但找不到解决方案。

以下是我使用的代码片段:

使用的模板:

在我的控制器中:

如果我在正确的道路上或者我在任何地方出错,有人可以指导我。