问题标签 [angular-dragdrop]

我想将angular-drag-and-drop-lists与我自己的网格模板一起使用到 WYSIWYG 编辑器。如何构建我自己的 HTML 模板，ng-repeat这样它就可以在任何预定义的列中删除项目并将信息存储在$scope已删除的列项目中？

我想将丢弃的项目存储在columns数组中：

这目前不是一个工作模板。丢弃时会引发错误“未定义不是对象（评估'targetArray.splice'）”：

这是标准的工作方法：

基于这个例子：demo

很难制作这个样本来分享我的情况。

问题 1. 如果您尝试这个示例，我在 ng-repeat 中应用了 orderBy 属性，并在 jqyoui-drragble 中添加了属性 applyFilter。视图中的有序列表做得很好。但是如果你把其中一个拖到上面的div范围内，移动的项目就不是有序的，而是处于未有序状态的那个。

上层

低于 div

问题2 如果我拖动项目，我想删除之前范围内的项目。我怎样才能做到这一点？

感谢您阅读我的问题。

我的来源在 plunker（点击）

如果我尝试在输入框中输入关键字“sa”，然后将三星 Galaxy S 移动到以下列表（目标），则移动的项目不是那个，而是“iPhone”。

我尝试解决这个问题 3 个小时。这是非常简单的代码。但我是 angular js 的新手，尤其是 angular-js-dragdrop。但我知道如何解决这个问题。但我无法解决这个问题。问题是我用于快速搜索的过滤器，如下所示。

因此，在 ng-repeat 中没有过滤器，它运行良好。但是，如果我在 ng-repeat 中使用它，问题是我无法移动我拖动的项目。目标列表中删除的项目是另一个。原因，我猜，过滤器在过滤后没有改变改变的索引。我该如何解决这个问题？请期待您的帮助。

我有以下页面使用 angular-dragdrop“ngDragDrop”（它使用 jQueryUI-Dragdrop）

以下代码有效：

因此，我可以将 DIV 从“sourceContainer”内部拖放到“targetContainer”，并在执行此操作时调用函数“onDrop()”。

现在我想要同样的，没有任何可见的动作。当一个 div 被拖动时，它应该会消失并且应该调用 onDrop() 方法。

我可以隐藏 targetContainer 但应该有更好的解决方案

我正在尝试将angular-ui-calendar与angular- dragDrop 一起使用来创建类似于fullcalendar的示例，其中可以将外部事件拖到日历中。
我已经检查了如何将元素拖放到日历上，只有角度指令线程，但我不知道如何获取我放入 callendar 并添加到事件数组的对象。
这是我的尝试

• 风景

  
  

• 控制器

  }

在此先感谢您的帮助

情况：

大家好。在我的应用程序中，我有一个显示在表格内的项目列表。

我正在使用angular-dragdrop能够将这些项目拖到垃圾箱并删除它们。

一切正常：在我将项目放在垃圾箱上后，该功能被触发并且项目被删除。

但是有一个问题：在删除项目后，项目列表会被刷新。但是发生的事情是一个项目仍在放置区域中。并且由于已删除的项目不是列表的一部分，因此以下项目将取代它..

此项目应显示在列表中，而不是在放置区域上方..

编码：

问题：

是否可以在拖动元素并触发事件后清空放置区域？ 所以要避免列表中的另一个元素取代它的位置？

非常感谢！

我正在尝试克隆图像并将其放置在可放置区域中，然后继续将该图像放置到该可放置区域中，从而创建该图像的许多克隆。似乎可以使用带有 helper: 'clone' & placeholder: 'keep' 的angular-dragdrop库，但我无法做到这一点，这可能很愚蠢......

在这里有一个 plunker：http://plnkr.co/edit/yWcqgwefVD9Kf3Fpj4uI?p= preview

该示例显示了一个按钮和一个图像，它们都是可拖动的。尝试将它们拖到虚线容器中，您会看到它们不会复制到该可放置区域。虽然，如果你在 onDrop 函数上放置一个断点，你会看到它被调用。

另外，我尝试将助手设置为“原始”并允许它复制，但当然图像会消失（移动）到虚线区域但我认为这很奇怪的是看着 dom 你会注意到它在技术上没有'不要移动，因为这个购物车示例显示商品正在移动。

http://codef0rmer.github.io/angular-dragdrop/#/cart

任何援助将不胜感激。

我正在尝试以角度拖放 (ang-drag-drop)([github angular-drag-drop][1])。如果接收器数组为空，则示例不起作用。[plunkr][2]。

您好我正在尝试在两个 ui-router ui-view 元素之间拖动一个对象

一个 ui-view 元素是主要的“画布”，另一个元素是具有一些或标签的右侧窗格。

我使用 angular-drag drop 得到了可拖动的对象。但是，当我尝试将东西向左拖到画布上时？它最终会在主画布后面而不是在它们之上。

我尝试调整 z-index 甚至尝试使用 !important ，但是当我将拖动的对象拖到画布中时，它并没有帮助显示拖动的对象。

下图显示了我将图像拖到画布中的一半时的意思。它隐藏在画布 div 后面。

关于如何纠正这个问题的任何建议？

我正在用几行填充剑道网格，并希望在网格和其他 html 组件之间实现拖放功能。

我可以找到很多资源来告诉如何在网格内拖放/排序行，甚至从一个网格到另一个网格，但对于网格外部到另一个组件来说，没有任何东西。

kendo ui-grid 甚至支持这个吗？

我能想到的一种方法是- 使整个网格可拖动，当拖动开始时获取当前选定的行数据并在放置时使用它。但这并不是一个非常干净的方法。在这种情况下，我什至需要制作自定义拖动图像。

还有其他建议吗？