Mootools Drag + Drop + Sortable同一时间?

时间:2012-12-10 15:00:02

标签: drag-and-drop mootools jquery-ui-sortable

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

目前我做了两件事,让我的可放置区域中的字段列表可以排序,并使拖放工作(我使用了mootools doc http://mootools.net/demos/?demo=Sortables)。

但是,这是问题,我的用户需要将字段拖到我的可放置区域,然后他可以对它进行排序。我无法找到一种方法,可以在拖曳时刻直接对场进行排序......这是一场噩梦。

我希望你能理解我的问题并帮助我。我在互联网上搜索过,但似乎没有人为此做过例子。

谢谢!

2 个答案:

答案 0 :(得分:1)

因此,在以各种方式进行looooooooong搜索和测试之后,我找到了一个解决方案:

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

就是这样!我希望它能帮助其他人。

答案 1 :(得分:0)

@ Mushr00m:你能给出一个jsfiddle你的实现的例子吗? 它可能非常有用!