Question

我正在使用https://github.com/a5hik/ng-sortable使用拖放功能对列表重新排序。

当我在两个列表之间移动项目时，我被困在获取列表id。我想知道拖拽从哪个列表开始以及拖放到哪个列表。

<div id="list1" class="sortable-row" as-sortable="sortableOptions" 
    ng-model="itemsList.items1">
    <div ng-repeat="item in itemsList.items1" as-sortable-item>
        <div as-sortable-item-handle>{{item.Label}}</div>
    </div>
</div>

在以下itemMoved()方法中，我想获取列表id

$scope.sortableOptions = {
    containment: '#sortable-container',
    itemMoved: function (event) {
        console.log("itemMoved()");
        console.dir(event);

        // Identify the list on which order changed

        // Get the last and new position


        // Update card position

    }
};

如何识别拖动开始的列表以及拖放的列表。

以下是同一
的plnkr

Answer 1

我调试了这一点。使用以下内容找到id：

console.log('From: ' + event.source.sortableScope.element[0].id);
console.log('To: ' + event.dest.sortableScope.element[0].id);

我希望这有助于某人。

同样更新了plnkr。

http://plnkr.co/edit/o0FJt4?p=preview

ng-sortable如何在重新排序项目时获取列表ID

1 个答案: