问题标签 [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.
javascript - 如何改进 ng2-dragula dropzone
我正在使用ng2-dragula创建一个简单的看板副本,很像 trello 或 MS Tasks。
效果很好,除非我尝试将列向右拖动,放置区有点关闭。我必须摆弄光标才能使放置区出现/激活。
奇怪的是,当我将列拖到左侧时,它可以毫不费力地工作。我的 todos 左右两边都拖得很好......
知道我可以改进从左到右拖动列的方法吗?
这是我的板内容组件的 html 标记,包含列标记。
还有我的 todo 组件,只是为了更好的衡量
angular - Dragula使用copy ng2拖放一种方式
我正在尝试使用 ng2 dragula 复制一种方式拖放这是我的模板。
我已经设置了在我的组件中复制的选项。
但是如果我将moves设置为false,我根本无法拖动。我怎样才能从左到右而不是相反。
angular - Angular 2 - ng2-dragula
我的专栏很少。每列都包含带有门票的数组。如何检测移动的票证和位置?
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
angular - 拖动事件 ngDragula
如何访问 ng-dragula 中 angular2 中可拖动对象的当前 X、Y 坐标?
例如,拖动事件。
非常感谢
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 上添加一些左右填充。但这部分并不成功。
问题:有人可以帮我让Dragula和angular-resizable-element一起工作而不会遇到麻烦。
angular - 无法使用 ng2-dragula 在网站中使用量角器拖放
我的公司项目网站有一个基于 ng2-dragula 的拖放块。这是基本功能,但即使我尝试了很多方法,我也无法使用量角器成功拖放。有人跟我有同样的问题。据我所知,没有办法用 Dragula 进行 E2E 测试
https://github.com/bevacqua/angularjs-dragula/issues/86。
使用 Dragula 在应用程序中拖放 WebDriver
量角器/茉莉花拖放只抓取文本而不是元素
https://github.com/bevacqua/dragula/issues/452
==================================================== =======================
但是因为 ng2-dragula 现在很流行,我想我们会有很多网站使用这个库,如果量角器不能做,那一定是个大问题?
angular - 如何使用 ng2-dragula 和角度元素调整器
我正在使用 Dragula 在我的桌子上拖放。此外,我正在使用插件 angular resizier 元素来调整表格列的大小。所有这些我一直在 Angular2 中工作。
所以我想要的是这个。我目前的情况就像图像上的这个灰色列。整个列宽是可拖动的,这让我在调整列大小时遇到了问题。因此,当我尝试调整列的大小时,它就像拖放一样。我希望我的柱子像这个黄色的柱子。有一些调整大小的空间。
这里是我的html代码的一部分:
这是我一直在使用的调整器。 https://github.com/mattlewis92/angular-resizable-element
问题:如何在同一个表列上使用 ng2-dragula 和调整大小?
javascript - 在两个角度组件之间使用 ng2-dragula 拖放
我有两个角组件,一个称为包含单个托盘项目的托盘,另一个称为主机,它最初是空的。我已经为每个组件(分别为“pallet-bag”和“host-bag”)声明了 ndragula 指令。我可以在我的托盘组件中重新排序托盘项目而没有任何问题,但是当我尝试将托盘项目拖到我的主机组件时,它不接受放置操作。我必须配置什么特定的东西才能让我的主人接受托盘中的物品吗?
调色板的 HTML 是:
对于主机:
我的顶级应用程序组件是这样的:
html - 在 buttonclick 上添加 dragula 属性
我目前正在使用 Angular (4.0) 和 ng2-dragula。我已经div
对一个 Dragula 容器发疯了,以便像这样移动其中的项目:
现在我想实现这个功能,让我的 div 在按钮点击时变成一个可拖动的 Dragula div。例如:
按钮点击前:
点击按钮后:
我试过这个:
HTML 按钮:
类型代码:
但这不起作用。为了确保我.setAttribute
正确使用了命令,我尝试了这个:
那是有效的。
有没有人尝试过这个或者有人知道如何解决这个问题?