问题标签 [dragula]

我有一个看似非标准的用例：一个儿童游戏，我希望在将项目拖到容器上后立即将项目存放在容器中，而无需等待放置事件。

我正在考虑订阅 over 事件：

然后调用end api

但我在 dragulaService 对象上找不到它......有什么建议吗？谢谢你！

我试图遵循此链接中的建议来恢复删除操作：

Dragula :revert drop in ng2-dragula

但没有成功。

我想要做的是能够在某些条件下恢复拖动操作。或者在条件下完全禁用 Dragula。

html:

.ts 文件

如您所见，我试图完全禁用移动，但这似乎没有任何效果。

我在我的应用程序中使用dragula，我想知道这个库是否支持我的场景，从这个容器中拖动：

将这些单元格中的任何一个放入 class .drop_here：

我想将任何 li （用户）从容器拖到任何user_drag具有类的单元格drop_here

但是在drop_here容器上，我只想删除用户名（容器中a标签的内容user_drag）而不是整个标记

任何想法？

我使用'd dragula 来拖动元素，我需要使这个移动的元素可编辑。

当可编辑元素不在移动/复制元素中时，它正在工作。

这个问题是怎么解决的？我认为，问题 javascript js $(document).ready editable 从 span 创建一个 textarea。

JS

HTML

https://jsfiddle.net/4edfqy02/

我正在使用 Dragula 进行拖放功能。它一直有效，直到我从服务器端刷新我的列表：

看起来 Dragula 想要像以前一样保留列表中的顺序，所以它弄乱了服务器端的排序顺序。我不需要这个功能。我已阅读文档、教程、示例，但找不到如何在 Dragula 中禁用自动排序。

我的专栏很少。每列都包含带有门票的数组。如何检测移动的票证和位置？

I have 3 lanes (breakfast, lunch, dinner) each has a *ngFor thats filters out items based on a meal_type what I would like to do is use dragula to be able to drag the items between the different lanes and update the meal_type on drop.

constructor

下面的代码是一个简单的组件，它从 API 端点获取颜色列表。然后，用户可以在左容器和右容器之间拖动颜色。在componentDidMount生命周期方法中，组件将 API 中的所有颜色作为具有以下属性的对象推送到组件的状态中：

当状态更新时，这些颜色会正确放置到左侧容器中。右边的容器仍然是空的。

在render方法中，如果我添加一个记录器来吐出availableColors数组，每个对象都有一个名称、ID 和索引。应该如此。例如：

但是当我将左侧容器中的颜色拖放到右侧容器中并执行拖放回调时，我只能访问innerHTML添加到右侧容器中的每种颜色的 。这意味着我失去了对象的属性，例如它从 API 获得的 ID。

换句话说，我正在推进newColorList的地方color.id是空白的。我认为我的问题是我不应该使用以下方法获取删除的元素：

我应该如何修复此代码？

我已经设法让拖放工作只能从一侧下降到另一侧，但是排序被取消了。我希望能够在一侧（目标侧）而不是另一侧（源侧）继续排序。

此外，我希望在被丢弃时用不同的模板替换 HTMLElement，甚至更好：同时被丢弃。

我发现文档缺乏明确的用例，并且很想看看如何做到这一点，以及我应该使用什么。

到目前为止，这是我的代码：

target html

source html

简而言之目标：

1. 仅从右侧拖放到左侧：完成，使用accept属性完成。
2. 仅允许在左侧（目标侧，id="elements-dropzone"）排序。不在右边！
3. 在拖放时更改元素模板。

很想看到这方面的任何指示。非常感谢。

我目前正在使用 Angular (4.0) 和 ng2-dragula。我已经div对一个 Dragula 容器发疯了，以便像这样移动其中的项目：

现在我想实现这个功能，让我的 div 在按钮点击时变成一个可拖动的 Dragula div。例如：

按钮点击前：

点击按钮后：

我试过这个：

HTML 按钮：

类型代码：

但这不起作用。为了确保我.setAttribute正确使用了命令，我尝试了这个：

那是有效的。

有没有人尝试过这个或者有人知道如何解决这个问题？