Mootools Drag+Drop+Sortable 同时？

Question

我尝试做的是有 2 个块，一个具有所有“字段类型”可用，另一个可以放置和排序。它只能以一种方式工作，从字段类型到可放置区域。

目前我完成了 2 件事，让可放置区域中的字段列表可排序，并使拖放工作正常进行（我使用了 mootools 文档http://mootools.net/demos/?demo=Sortables）。

但是，问题出在这里，我的用户需要将该字段拖到我的可放置区域，然后才能对其进行排序。我找不到在拖动时刻直接使字段可排序的方法....这是一场噩梦。

我希望你能理解我的问题并帮助我。我在整个互联网上搜索过，但似乎没有人为此做出榜样。

谢谢！

Answer 1

因此，经过 looooooooong 搜索并以各种可能的方式进行测试后，我找到了解决方案：

• 为可放置区域创建可排序块
• 创建从字段类型区域到可排序块的拖放块
• 在新的 Drag.Move 中添加 onEnter 和 onLeave，并在其中使用 sorter.addItems 将项目直接添加到进入时的可排序区域，离开时在相反的 sorter.removeItems 中
• 最后一件事是在添加项目后启动排序器，并在删除项目后结束排序器（onEnter/onLeave）

就是这样！我希望它会帮助其他人。

Answer 2

@Mushr00m：你能举一个 jsfiddle 例子来说明你的实现吗？ 它可能非常有用！