问题标签 [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.
javascript - 在同一元素上拖放和滑动功能
对于一个学术项目,我正在尝试在一些项目列表上实现拖放功能,这是我使用 dragula.js 实现的
我在 jsfiddle 上准备了一个演示,可以在下面的链接中找到
https://jsfiddle.net/4gadu5zc/
但是现在我想在同一个项目上添加一个滑动功能,这样我就可以为每个项目显示一些选项。为了让您更好地理解这一点,我准备了下面的图片.. 在此处输入图片描述
我在互联网上搜索我发现 ionic 框架中的滑动功能,但没有拖放。我找到了支持所有触摸事件的hammer.js,但我不知道如何在同一元素上使用锤子实现拖放和滑动,而且我不知道同样的事情是否适用于动态元素。请帮忙...
javascript - 如何在参数上使用 indexOf() 方法?
我正在使用 dragula.js,并在我的代码中使用 ondrop 事件,
我想检查参数是否"test"
存在el
,但发生错误。谢谢。
angular - Angular 2 Dragula 模型更新不正确
使用 ng2-dragula。我正在寻找使用新删除的订单更新数据库中每个项目的 orderNumber。
它返回的新模型订单不反映包内的订单。
TL;DR:有没有人使用 ng2-dragula 在数据库 onDrop 中实现重新排序?
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.
dragula - 拖动元素时画线?
是否可以在使用“dragula”库拖动期间在容器和可拖动元素之间画线?当元素被删除时,该行应该消失。
typescript - Dragula:获取被拖动项目的类和id
我见过这个,但它在我的代码中不起作用。我Dragula
在我的Angular2
应用程序中使用Typescript
.
我需要获取被拖动元素的元素的 id。这是打字稿类的一部分:
我知道el
包含拖动的元素,但是如何从打字稿中的 html 元素中获取 id?
twitter-bootstrap-3 - Dragule + Bootstrap:拖动时缺少镜像
我使用 Bootstrap 3 设置了 Dragula,将包含在 div 中的图像拖动到 div 容器中。在容器之间拖放可以正常工作,也可以重新定位,但不会出现镜像(阴影),而不是目标处的预览。我在寻找什么。是否有启用此功能的选项?
angular - Dragula :revert drop in ng2-dragula
我有一个angular2
应用程序typescript
。我正在使用ng2-dragula制作拖放应用程序。
我需要检查条件,如果条件为 false 则恢复拖动,我从这里知道,revertOnSpill
这revertOnSpill:true
可以将元素放回其首位。
但是,我不知道在 ng2-dragula
. 我在onDrop
. 这是代码
这是html代码:
Package.json 是:
问题是,我不知道如何取消下降?
angular - 复制时的ng2-dragula样式原始元素
我们正在使用以下copy: true
设置ng2-dragula
:
现在我们想用类似opacity: 0.3
. 我们怎么能做到这一点?使用
我们可以找到原始元素,我们可以对其应用透明度,这似乎非常错误:可拖动元素(自然)来自数据数组,有没有办法找到被拖动元素的索引,所以我们可以做类似的事情
和
(我知道,这已经很糟糕了,我应该匹配文章)。
c# - 使用 Dragula 在应用程序中拖放 WebDriver
我的公司有一个包含拖放的新应用程序。拖放是通过 Dragula 库完成的。
我正在尝试自动化此功能,但我没有任何运气。我已经尝试过 WebDriver 内置的 DragAndDrop() 方法(我的理解是它通常不适用于现代网络技术)。我尝试使用操作构建自己的拖放操作。而且我还尝试在 javascript 执行程序中使用 jquery。这些方法都没有奏效。
有人有什么建议吗?