如何在连接列表中获取AngularUI可排序克隆项

时间:2014-03-03 22:29:29

标签: angularjs jquery-ui-sortable angular-ui

我正在尝试让AngularUI将项目从一个列表克隆到另一个列表。它不起作用。

我认为我有正确的选择,但不确定。我确定这是傻事...... 这些是我的选择:

$scope.sortableOptions = {
    connectWith: ".sort",
    helper: 'clone',
    scroll: false
};

这是jsfiddle:http://jsfiddle.net/Npyyg/

一如往常,任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:1)

查看此CodePen示例:http://cdpn.io/akCIe

我认为它能满足您的需求。 sortableOptions包括'stop'& “更新”函数而不是使用帮助程序:“克隆”似乎不起作用。

  $scope.sortableOptions = {
    connectWith: ".apps-container",
    update: function (e, ui) {
      if (ui.item.sortable.droptarget.hasClass('first')) {
        ui.item.sortable.cancel();
      }
    },
    stop: function (e, ui) {
      if ($(e.target).hasClass('first') &&
          e.target != ui.item.sortable.droptarget[0]) {
        $scope.sourceScreens = originalScreens.slice();
      }
    }
  };