问题标签 [dragula]

我正在为我的项目使用ng2-dragula ，它对我来说效果很好。但是现在我想在将元素放入包中的同时传递数据。

我在互联网上搜索并发现dragulaModel，但是当我尝试使用它时，我的代码无法正常工作。我在我的模板中完成了以下操作：

在我的组件中：

但我收到此错误：

我正在尝试使用 Dragula（实际上是 angular-dragula）将一行从一个表拖到另一个表。如果两个表都有行，则没有问题，但存在目标表为空的情况。如何使空表允许放置？

我遵循了 angular2 的 5 分钟快速入门的文档，然后根据 angular 2 的 Dragula 演示设置修改了代码。

单独的快速入门按预期工作，但为 dragula2 添加文件不起作用。我得到了例外

我试图遵循类似问题的提示，但无法解决这些问题，因此我添加了这个问题。

非常感谢您的帮助！

我在网络应用程序中使用dragula.js库。ember.js

事情工作正常（能够拖放东西），直到 Irevisit the route之后drag and drop just stops working，也就是说，不能拖动以前可拖动的任何东西。并且控制台中没有js错误。然后，我刷新页面（从任何路线），它再次工作。

简而言之，该drag n drop作品仅在第一次访问/加载路线时起作用。

我尝试过的事情：

• 验证是否DOM items要拖放的 被添加到 Dragula 的config.containers.
• 尝试从didInsertElement运行在的运行循环中的元素重新渲染组件afterRender。

didInsertElement(){ this._super(...arguments); Ember.run.scheduleOnce('afterRender', this, () => { let drake = window.dragula(this.getDraggableContainers(), this.get('dragulaConfig')); this.set("drake", drake); }

对我来说，似乎该dragula库已使用所有必需的配置进行了初始化，但我很困惑为什么在重新访问路由后它不能正常工作。

任何帮助/指针将不胜感激。谢谢！

如何访问使用 drop-model 事件拖放的确切模型项？

文档中对 drop 事件的描述：

el在兄弟元素之前被放入目标中，最初来自源

el似乎返回了被拖动的 HTML 元素，但我需要对其后面的实际数据项执行操作。有什么提示吗？

我正在尝试实现一个可以拖动'n drap 元素的网格。我找到了dragula，它完全符合我的需求！唯一的事情是，当瓷砖移开以让被拖动的瓷砖进入时，我需要它们进行动画处理。（希望这很清楚。:)）

我尝试添加一个transition: all 1s ease-out，但所做的只是为不透明度设置动画。

如何为位置变化设置动画？

JSFiddle

我正在使用 ng2-dragula 拖放元素。我需要我的拖放在一个方向

例如，我有一个项目菜单，我用这些项目填充我的 div，因此从我的 div 拖动到菜单是不合逻辑的。

我已经找到了这个配置来将我的项目保留在菜单中

我正在为我的项目使用 ng2-dragula，并且在拖放时模型更新不起作用

我的组件的一部分：

...

我的根组件的一部分

拖放工作正常，放置itemList（模型）没有更新（控制台没有错误）为什么？

我在我的项目中集成了dragula，并且我需要瓷砖具有网格外观，所以我将第441行（dropTarget.insertBefore(item, reference);）更改为：

有关这方面的更多信息，请参见问题 #391。

无论如何，我想在拖动图块时添加动画。所以我将第 441 行修改为：

当我添加动画，然后垂直拖动时，我得到一个奇怪的动画错误。这是一个解释的gif：

如何确保DOM is ChangingDOM 的每次更改都没有多个日志？

JSFiddle

以下是从第 #392 行开始的相关代码：

我有一个循环中的项目列表。该数组最多有 6 个项目。

我想要的输出是当用户将一个项目拖放到另一个位置时，将执行 API 调用并将新订单保存在我的数据库中。

为此，我需要项目 ID 和新位置。位置必须是从 1 到 6 的数字（基于用户拖动项目的位置..）

到目前为止我所做的是以下方法：

但 ID 和位置无法正常工作。我确信有一种更简单、更简单、更正确的方法可以做到这一点。

有任何想法吗？