问题标签 [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 回答
854 浏览

javascript - 在同一元素上拖放和滑动功能

对于一个学术项目,我正在尝试在一些项目列表上实现拖放功能,这是我使用 dragula.js 实现的

我在 jsfiddle 上准备了一个演示,可以在下面的链接中找到

https://jsfiddle.net/4gadu5zc/

但是现在我想在同一个项目上添加一个滑动功能,这样我就可以为每个项目显示一些选项。为了让您更好地理解这一点,我准备了下面的图片.. 在此处输入图片描述

我在互联网上搜索我发现 ionic 框架中的滑动功能,但没有拖放。我找到了支持所有触摸事件的hammer.js,但我不知道如何在同一元素上使用锤子实现拖放和滑动,而且我不知道同样的事情是否适用于动态元素。请帮忙...

0 投票
3 回答
317 浏览

javascript - 如何在参数上使用 indexOf() 方法?

我正在使用 dragula.js,并在我的代码中使用 ondrop 事件,

我想检查参数是否"test"存在el,但发生错误。谢谢。

0 投票
4 回答
15936 浏览

angular - Angular 2 Dragula 模型更新不正确

使用 ng2-dragula。我正在寻找使用新删除的订单更新数据库中每个项目的 orderNumber。

它返回的新模型订单不反映包内的订单。

TL;DR:有没有人使用 ng2-dragula 在数据库 onDrop 中实现重新排序?

0 投票
1 回答
4259 浏览

angular - ng2-dragula [dragula] (angular2 drag and drop) - *ngFor with [dragulaModel] attribute not working

Using ng2-dragula drag and drop wrapper library for angular 2 dragula.

https://github.com/valor-software/ng2-dragula

Seeing issues with the [dragulaModel]='myList' ... when the item gets dropped ... poof ... it disappears.

Inspecting the element, I see it remains in model, but the DOM element loses its inner html (becomes empty div) - causing the div to "appear" to be hidden.

0 投票
1 回答
586 浏览

dragula - 拖动元素时画线?

是否可以在使用“dragula”库拖动期间在容器和可拖动元素之间画线?当元素被删除时,该行应该消失。

0 投票
2 回答
2578 浏览

typescript - Dragula:获取被拖动项目的类和id

我见过这个,但它在我的代码中不起作用。我Dragula在我的Angular2应用程序中使用Typescript.

我需要获取被拖动元素的元素的 id。这是打字稿类的一部分:

我知道el包含拖动的元素,但是如何从打字稿中的 html 元素中获取 id?

0 投票
0 回答
376 浏览

twitter-bootstrap-3 - Dragule + Bootstrap:拖动时缺少镜像

我使用 Bootstrap 3 设置了 Dragula,将包含在 div 中的图像拖动到 div 容器中。在容器之间拖放可以正常工作,也可以重新定位,但不会出现镜像(阴影),而不是目标处的预览。我在寻找什么。是否有启用此功能的选项?

0 投票
1 回答
3434 浏览

angular - Dragula :revert drop in ng2-dragula

我有一个angular2应用程序typescript。我正在使用ng2-dragula制作拖放应用程序。

我需要检查条件,如果条件为 false 则恢复拖动,我从这里知道,revertOnSpillrevertOnSpill:true可以将元素放回其首位。

但是,我不知道在 ng2-dragula. 我在onDrop. 这是代码

这是html代码:

Package.json 是:

问题是,我不知道如何取消下降?

0 投票
1 回答
592 浏览

angular - 复制时的ng2-dragula样式原始元素

我们正在使用以下copy: true设置ng2-dragula

现在我们想用类似opacity: 0.3. 我们怎么能做到这一点?使用

我们可以找到原始元素,我们可以对其应用透明度,这似乎非常错误:可拖动元素(自然)来自数据数组,有没有办法找到被拖动元素的索引,所以我们可以做类似的事情

(我知道,这已经很糟糕了,我应该匹配文章)。

0 投票
1 回答
493 浏览

c# - 使用 Dragula 在应用程序中拖放 WebDriver

我的公司有一个包含拖放的新应用程序。拖放是通过 Dragula 库完成的。

我正在尝试自动化此功能,但我没有任何运气。我已经尝试过 WebDriver 内置的 DragAndDrop() 方法(我的理解是它通常不适用于现代网络技术)。我尝试使用操作构建自己的拖放操作。而且我还尝试在 javascript 执行程序中使用 jquery。这些方法都没有奏效。

有人有什么建议吗?