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

javascript - 如何改进 ng2-dragula dropzone

我正在使用ng2-dragula创建一个简单的看板副本,很像 trello 或 MS Tasks。

效果很好,除非我尝试将列向右拖动,放置区有点关闭。我必须摆弄光标才能使放置区出现/激活。

奇怪的是,当我将列拖到左侧时,它可以毫不费力地工作。我的 todos 左右两边都拖得很好......

我已经将一些带有这种行为的屏幕截图上传到 youtube。

知道我可以改进从左到右拖动列的方法吗?

这是我的板内容组件的 html 标记,包含列标记。

还有我的 todo 组件,只是为了更好的衡量

0 投票
3 回答
4926 浏览

angular - Dragula使用copy ng2拖放一种方式

我正在尝试使用 ng2 dragula 复制一种方式拖放这是我的模板。

我已经设置了在我的组件中复制的选项。

但是如果我将moves设置为false,我根本无法拖动。我怎样才能从左到右而不是相反。

0 投票
1 回答
388 浏览

angular - Angular 2 - ng2-dragula

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

0 投票
1 回答
457 浏览

angular - Update firebase value on drop with ng2-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

0 投票
0 回答
122 浏览

angular - 拖动事件 ngDragula

如何访问 ng-dragula 中 angular2 中可拖动对象的当前 X、Y 坐标?

例如,拖动事件。

非常感谢

0 投票
0 回答
1796 浏览

angular - Dragula - 以 Angular 2 拖放列

我正在使用 Dragula 在我的桌子上拖放。此外,我正在使用插件 angular resizier 元素来调整表格列的大小Plugin url here。所有这些我一直在 Angular2 中工作。

这是我实现这一目标的部分代码。

所以,dragula 需要放在 div 之前的 div 上,使用 *ngFor。然后 Dragula 使用每个表格列的全宽。

问题是当我想调整列的大小并且开始拖动右边框(因为我是这样做的)来调整它的大小时,它也开始拖动整个列。在某些情况下,它会调整列的大小,但在大多数情况下,它会移动列。

我尝试过的解决方案的一部分是使 dragula 列更小,而不是在 div 中放置另一个 div,class="col"其中 angular-resizable-element 并在该 div 上添加一些左右填充。但这部分并不成功。

问题:有人可以帮我让Dragulaangular-resizable-element一起工作而不会遇到麻烦。

0 投票
2 回答
865 浏览

angular - 无法使用 ng2-dragula 在网站中使用量角器拖放

我的公司项目网站有一个基于 ng2-dragula 的拖放块。这是基本功能,但即使我尝试了很多方法,我也无法使用量角器成功拖放。有人跟我有同样的问题。据我所知,没有办法用 Dragula 进行 E2E 测试

==================================================== =======================

但是因为 ng2-dragula 现在很流行,我想我们会有很多网站使用这个库,如果量角器不能做,那一定是个大问题?

0 投票
2 回答
1349 浏览

angular - 如何使用 ng2-dragula 和角度元素调整器

我正在使用 Dragula 在我的桌子上拖放。此外,我正在使用插件 angular resizier 元素来调整表格列的大小。所有这些我一直在 Angular2 中工作。

所以我想要的是这个。我目前的情况就像图像上的这个灰色列。整个列宽是可拖动的,这让我在调整列大小时遇到​​了问题。因此,当我尝试调整列的大小时,它就像拖放一样。我希望我的柱子像这个黄色的柱子。有一些调整大小的空间。

这里是我的html代码的一部分:

这是我一直在使用的调整器。 https://github.com/mattlewis92/angular-resizable-element

问题:如何在同一个表列上使用 ng2-dragula 和调整大小?

0 投票
1 回答
947 浏览

javascript - 在两个角度组件之间使用 ng2-dragula 拖放

我有两个角组件,一个称为包含单个托盘项目的托盘,另一个称为主机,它最初是空的。我已经为每个组件(分别为“pallet-bag”和“host-bag”)声明了 ndragula 指令。我可以在我的托盘组件中重新排序托盘项目而没有任何问题,但是当我尝试将托盘项目拖到我的主机组件时,它不接受放置操作。我必须配置什么特定的东西才能让我的主人接受托盘中的物品吗?

调色板的 HTML 是:

对于主机:

我的顶级应用程序组件是这样的:

0 投票
1 回答
466 浏览

html - 在 buttonclick 上添加 dragula 属性

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

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

按钮点击前:

点击按钮后:

我试过这个:

HTML 按钮:

类型代码:

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

那是有效的。

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