问题标签 [dragular]

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 投票
1 回答
407 浏览

javascript - 如何防止添加拖动元素(角度,拖动)?

如何防止从 dropBox 将添加的拖动项返回到表中?表中的 Y 应仅从 dropBox 中获取 Y,与 X 相同

这里的 Dragular 文档有“nameSpace”,但在这种情况下不适合 http://luckylooke.github.io/dragular/#/docs/exampleScrollingDrag

这是一个工作示例

0 投票
2 回答
1420 浏览

angularjs - 多元素拖放

我正在为我的客户开发拖放功能。我已经为拖放实现了 Dragular,但是在 Dragular 或任何其他为拖放提供的库中没有提供多元素拖放。

请建议我如何在角度或任何其他也应该与触摸设备兼容的 JavaScript 库中选择和拖放多元素。

提前致谢。

注意:我们可以在dragular中使用多次拖放吗?

更新(2016 年 11 月 30 日) :加一点我的要求。我们如何限制放置区中元素的冗余。

解释 :

  • 当我们从源复制任何项目时,如果它已经被拖放/在目标容器中,我们将无法拖动它。

  • 准确地说,如果项目已经在目标容器中,我们可以使项目不可拖动。

0 投票
1 回答
223 浏览

javascript - 在angularjs上使用dragular移动滚动

通过移动浏览器滚动时我遇到了一些问题。页面将显示图像列表,用户可以通过拖放来重新排列图像的顺序,但是滚动页面时出现问题,而不是滚动,它只是在图像(拖放)动作之间切换位置。这是我的 plunk样本

我的问题是,是否可以延迟拖放操作并进行滚动。

0 投票
0 回答
37 浏览

javascript - 拖放后动态重新计算多个表的行高

我想从项目列表中拖动一个项目并将其放在表格列中。表的每一列都包含另一个带有特定模板的子表。我为此使用dragular。

问题:当我第一次渲染视图时,我正在计算子表中每一行的高度并使所有表的行高相同。所以最终的视图看起来像是在一张桌子上。

面临挑战:当我将新项目放入表列(作为另一个子列)时,我想再次匹配子表中所有相应行的高度。不知道如何实现这一点。

0 投票
1 回答
43 浏览

javascript - Accept 或 canBeAccepted 不能与 isContainer 和 IsModel 一起使用:Dragular

场景 1:使用两个容器让我们说A(Drag Source)B(Drop Source)

代码片段:

场景 2:使用B(Drop Source)进行嵌套拖放。

问题:场景 1“canBeAccepted:”在与 isContainerModel 一起使用时不起作用。它应该根据返回给函数的布尔值工作。

验证: 1.使用容器B作为拖放区和嵌套拖动的方法。

请建议。

0 投票
1 回答
1196 浏览

angularjs - $injector:unpr :: 未知提供者:$elementProvider <- $element <- DragulardndCtrl

我正在使用这个例子

我做的完全一样,但我收到以下错误

angular.js:14525 Error: [$injector:unpr] Unknown provider: $elementProvider <- $element <- DragulardndCtrl http://errors.angularjs.org/1.6.4/$injector/unpr?p0=%24elementProvider%20%3C-%20%24element%20%3C-%20DragulardndCtrl at angular.js:66 at angular.js:4789 at Object.getService [as get] (angular.js:4944) at angular.js:4794 at getService (angular.js:4944) at injectionArgs (angular.js:4969) at Object.instantiate (angular.js:5015) at $controller (angular.js:10881) at Object.link (angular-route.js:1214) at angular.js:1346 "<div ng-view="" class="ng-scope">"

我已经用 yeoman angular 生成了项目。代码如下

Controller :

HTML:查看

我使用了与上述链接完全相同的代码。

提前致谢

0 投票
1 回答
337 浏览

angularjs - 使用 Angularjs 和 Dragula 在特定的 Json 条目上放置元素?

我正在学习 Angularjs 和Dragular

我有一个数据集,在放置时我必须将数据插入另一个容器的数据集值。例如:

这是数据集

我想将每个元素items1放入items2值中。items2好像:

一旦它被丢弃,items2应该看起来像:

每一个人。我该怎么做呢?

0 投票
0 回答
103 浏览

angularjs - 与表格一起使用时的角度拖动问题

使用dragular与表格时发现以下问题:

  1. 拖动行时,行会缩小。将它们与列表一起使用时不会发生这种情况。我们正在使用角度 1.6.4

https://codepen.io/naveen_vijayaraghavan/pen/KZQLBW

  1. Scroll 的行为很奇怪。有时它只是不停止滚动或根本不滚动。
0 投票
0 回答
15 浏览

javascript - 当搜索过滤器应用于 angularjs 中的 ng-repeat 列表时,dragular 服务不起作用

我正在尝试搜索 ng-repeat 列表值,搜索后我正在拖动列表,但更新后列表相同,不会更改 dragularService 中的用户等级。您能否为此提出一些解决方案。

0 投票
0 回答
7 浏览

observable - ngOnInit 上的可观察订阅不起作用

当我在订阅的 observable 上执行 console.log 时,可能是什么原因无法正常工作,我的意思是 console.log 没有被触发,用 otehr console.log 测试它确实有效,并且通过按钮单击尝试相同的订阅 observable 工作正常?