我将AngularJs与Ui-sortable(https://github.com/angular-ui/ui-sortable)一起使用。我的用例基本上是用于拖动&放在同一个列表中。
通常拖放列表中的项目(我的意思是,更新项目的位置)有效。当我尝试添加Ajax调用以检查是否允许移动时,我的问题就来了。如果不允许移动,则应取消移动。取消是我无法运行良好的部分。
使用某些代码可能更容易理解:
$scope.sortableOptions = {
'ui-floating': false,
update : function(e, ui) {
// Check distance of movement
var diffIndex = _computeDiff(ui.item.sortable);
var moveObject = {"operation": "move", "value": diffIndex};
// Http call to do move
HttpApi.post('check', moveObject).then(function(){
// TESTING: Im trying to Cancel all the movements
// When this code is executed, sortable has already trigger stop.
// Canceling does not work anymore.
ui.item.sortable.cancel();
});
}
};
有关如何处理它的任何建议吗?