问题标签 [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 投票
2 回答
165 浏览

javascript - 如何在更改事件中自行提交 web2py 组件

我加载了两个不同的组件(A,B),我可以将元素从 A 拖放到 B。

是否可以在更改拖动目标容器时触发组件 B 上的“自我提交”并传递参数?提前致谢。

编辑1: 组件是非常简单的解决方案,A显示一个可以拖动元素的列表(并拖放到B),B一开始是空的。我想实现如果将 en 元素放入 B 中,则将元素上的信息传递给控制器​​。

编辑2: 同时我可以在元素被删除时触发一个事件。我使用了一个名为 Dragula ( http://bevacqua.github.io/dragula/ )的小型拖放脚本- 事件触发如下:

0 投票
1 回答
4121 浏览

javascript - 德拉古拉不拖

我在 chrome 中尝试 dragula https://github.com/bevacqua/dragula,我无法让它工作,需要任何额外的代码才能让它工作?

这是代码

我错过了什么 ?

0 投票
1 回答
923 浏览

jquery - 解析 Ember 和 Dragula 的 DOM 视图

我正在使用 Dragula 在 Ember 中创建一组拖放组件。我将项目列表传递给包含多个可放置存储桶的父包装器。最初过滤此项目列表,以便将正确的项目呈现在正确的存储桶中。然后将 Dragula 连接起来,以便可以拖放项目。当 drop 事件发生时,我尝试更新底层的 Ember 对象。这可能会导致重新应用过滤器并进行一些渲染。问题是 DOM 已被 Dragula 操纵,与 Ember 认为的不一样,DOM 节点就消失了。

当 Ember 和 Dragula 都认为自己拥有 DOM 及其当前表示时,我如何才能让他们玩得很好?我尝试取消拖放事件,然后让 Ember 设置值,但成功率有限。

dnd-wrapper/template.hbs

dnd-wrapper/component.js

dnd-bucket/template.hbs

dnd-bucket/component.js

dnd-item/template.hbs

dnd-item/component.js

在线演示:http ://ember-twiddle.com/c086d2853a926c310a23

GitHub 演示:https ://github.com/RyanHirsch/dragula-ember-example

0 投票
1 回答
521 浏览

angularjs - 带有dragula指令的元素不能以角度拖动

我有一个 div

在控制器中,事件被触发但元素没有被拖动。

我该如何解决?

0 投票
2 回答
921 浏览

javascript - 使用角度拖动时更改模型值

我正在使用dragula 以及它的后续dragular 进行示例项目。

我有一个关于这个用法的问题。我用这个项目以角度实现了拖放。我的问题是:- 我使用对象列表作为我的模型,我使用 ng-repeat 在 div 中设置它。当我将一个项目拖动到另一个 div 时,是否可以更改/修改我拖动的对象的某些属性?

我尝试了获取移动物体模型的方法,但失败了。希望有人找到了解决方案。

0 投票
3 回答
6143 浏览

drag-and-drop - Dragula 复制和 removeOnSpill

我正在尝试使用 Dragula 拖放库将元素克隆到目标容器中,并允许用户通过将克隆的元素拖放到目标容器之外来从目标容器中删除它们(溢出)。

使用提供的示例,我有这个:

哪个不起作用 - 如果容器接受副本,'removeOnSpill' 似乎根本不起作用。

有谁知道我没有做什么,做错了什么或者是否有解决方法?

蒂亚!

0 投票
0 回答
307 浏览

javascript - Dragula 在 Meteor 中不起作用

我正在使用带有 Meteor 的 Dragula。

当模板被渲染时,我只是初始化了dragula

我的模板只包含一个简单的列表

但是当试图拖动时,我得到了错误

0 投票
4 回答
7939 浏览

javascript - Dragula在多个div中下降

我使用 Dragula 在我的应用程序上实现了拖放,但我需要设置它以便我可以将我的元素拖放到多个 div 中。

我尝试使用一个类来实现它,但它只是激活了我的第一个 div。

HTML:

调用 Dragula 的 JS:

如何将 te 项目放到多个 div 中?

0 投票
1 回答
2903 浏览

javascript - 在没有 RequireJS 的情况下使用 Angular Dragula

我很想在我的 Angular 项目中使用 angular-dragula 模块( https://github.com/bevacqua/angular-dragula )实现拖放。但是,它似乎严重依赖 RequireJS。我已经有一段时间没有使用 Require 了,然后才使用一两个示例应用程序。有没有一种简单的方法可以从这个模块中解开 Require?

作者似乎认为这很简单(https://github.com/bevacqua/angular-dragula/issues/23)并且在没有真正解释的情况下也关闭了类似的问题。我查看了代码,看不到如何在不将 RequireJS 添加到我的项目(我不想这样做)的情况下加载模块。我是否坚持不使用这个模块或添加 Require 或者有没有办法在没有 Require 的情况下使用它?

0 投票
1 回答
419 浏览

javascript - 如何将 Dragula 与 Google 聚合物一起使用

我正在使用 Google Polymer 创建一个 html 模块。我正在尝试拖放作为自定义聚合物元素的元素,因此我无法在 HTML 5 中使用可拖动标签。因此,我正在使用 Dragula https://github.com/bevacqua/dragula。我的 html 看起来像这样

在 Polymer 函数中,我使用我希望能够从中拖动的容器调用 dragula:

我在 demo/index.html 文件中有 Dragula 的导入。我在这里有什么遗漏或做错了吗?

编辑:我做的进口如下:

dragula.js/dist/dragula.js

dragula.js/dist/dragula.css