Ui-sortable ( https://github.com/angular-ui/ui-sortable ) と共に AngularJs を使用しています。私のユースケースは、基本的に同じリストにドラッグアンドドロップするためのものです。
通常のリストの項目のドラッグ アンド ドロップ (つまり、項目の位置の更新) が機能します。私の問題は、移動が許可されているかどうかを確認するために 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();
});
}
};
それを処理する方法についての提案はありますか?