Question

有没有办法设置一个带有角度ui可排序的回调函数？我想在下面的tbody标签中添加ng-update =“foo（）”，并在列表发生变化时运行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指令仍然存在一些问题，例如this example。目前正在讨论它们here。

Answer 2

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

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

并在模板中：

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

Answer 3

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

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

角度ui可排序的回调

3 个答案: