0

我有一个复杂的拖放场景，我无法弄清楚。我想出的是这里：jsfiddle.net/aTjMG/2/

在左边，我有一个名字列表。在右边，我有一组团队。左侧的列表应按字母顺序排列且不可排序。用户应该能够通过从左侧列表拖动到团队来将人员分配到团队。分配到团队的人员应该能够被排序或移动到另一个团队，或者移回未分配的池中。

我可以从左侧未分配的池中移动到任何团队。我可以对团队中的人进行排序。我无法从这里弄清楚的是：

  1. 如何从一个团队转移到另一个团队。
  2. 如何从团队转移到未分配。
  3. 将人从当前位置移到其他地方时如何将其移出
  4. 当我对人员进行排序时，如何防止一个人（在一个团队中）被重复

我认为最大的问题是我无法弄清楚如何捕捉拖放的“下降”以将未分配的人更改为已分配。

朝正确方向踢球将不胜感激。一个这样做的例子将不胜感激！

4

1 回答 1

1

如果我正确理解了这个问题，这实际上只是多个排序列表。

更新你的小提琴：http: //jsfiddle.net/aTjMG/8/

关键是简单地将它们全部声明为sortable而不是搞乱draggable，这用于更多自由形式的拖放。

$(function() {
  $( ".sortable" ).sortable({
    connectWith: ".sortable"
  }).disableSelection();
});

UI 文档中也有一个示例：http: //jqueryui.com/sortable/#connect-lists

于 2013-12-31T17:27:47.503 回答