リバートmootoolsソート可能な移動

Question

私は単純な画像ギャラリー機能を処理するためにmootools sortableを使用しています。イメージを左の列から右の列に移動すると、onCompleteイベントのstoreImageコールによって写真がユーザーの「写真」テーブルに追加されます。

ここでの簡単なフィドルです：onCompleteのイベントからstoreImageの呼び出しが失敗した場合

は、私の質問は、どのように私は戻って「利用可能」左スタックに画像を元に戻すことができているhttp://jsfiddle.net/JQja3/1/？

Answer 1

あなたはグループと親をvarに格納して元に戻す必要があります。これにより、古いグループと順序が完全に復元されます。

このパターンは、毎回元に戻すことができる復元機能を作成します。

http://jsfiddle.net/JQja3/6/

new Sortables('#example2 UL', { 
    clone: true, 
    revert: true, 
    opacity: 0.7, 
    onStart: function(el, clone) { 
     this.restore = (function() { 
      var oldParent = el.getParent(), 
       oldList = oldParent.getChildren();  
      return function() { 
       oldParent.adopt(oldList); 
      } 
     })(); 

    }, 
    onComplete: function(el, clone){ 
     var storeImage = false; // this is false to simulate a bad return from the DB store call 
     if (!storeImage){ 
      this.restore(); 
     }  
    } 
});