javascript - 角度 ui 可排序回调

Question

有没有办法用angular ui的可排序设置回调函数？我想将 ng-update="foo()" 添加到下面的 tbody 标记中，并在列表更改时运行 foo 。

<tbody id="existingStockResults" ui-sortable ng-model="processes">
    <tr ng-repeat="process in processes" ng-class="{odd: $index%2 == 0, even: $index%2 != 0}">
        <td>{{process.process}}</td>
        <td>{{process.vendor}}</td>
        <td>{{process.desc}}</td>
            <td>{{process.cost}}</td>
        <td><a href="#" ng-click="editProcess($index)">edit</a></td>
        <td><a href="#" ng-click="removeProcess($index)">remove</a></td>
    </tr>
</tbody>

谢谢！

Answer 1

您现在可以在ui-sortable属性中指定更新函数，如下所示：

<tbody ui-sortable="{update: foo()}">

但是 sortable 指令仍然存在一些问题，就像在这个例子中一样。他们目前在这里讨论。

Answer 2

我更喜欢在我的范围内使用定义了更新回调的选项哈希，如下所示：

$scope.sortableOptions = {
    disabled: false,
    update: function(event) {
        return $scope.sortableUpdated = true;
    }
};

并在模板中：

<div ui-sortable="sortableOptions"> ...

Answer 3

阅读 ui-sortable 文件（在 angular-ui 主页上没有它的演示，想知道为什么？）在这里，我看到它允许 2 个回调 -> 启动和更新，用于更改之前和之后扳机。所以这样的事情应该有效：

<tbody id="existingStockResults" ui-sortable update="myCallback()" ng-model="processes">