角度UIのソート可能 - グループ化

Question

私はこれを行うには "エレガントな"方法のために高いと低い検索しました。私は現在、ちょうどsortOptionsを見ている代わりに、2の3列を持つ基本的にこのcodepenのように見える3列、持ってAngular UI Sortableを使用：これらのソート可能な事象を考えると

function createOptions (listName) { 
var _listName = listName; 
var options = { 
    placeholder: "app", 
    connectWith: ".apps-container", 
    activate: function() { 
     console.log("list " + _listName + ": activate"); 
    }, 
    beforeStop: function() { 
     console.log("list " + _listName + ": beforeStop"); 
    }, 
    change: function() { 
     console.log("list " + _listName + ": change"); 
    }, 
    create: function() { 
     console.log("list " + _listName + ": create"); 
    }, 
    deactivate: function() { 
     console.log("list " + _listName + ": deactivate"); 
    }, 
    out: function() { 
     console.log("list " + _listName + ": out"); 
    }, 
    over: function() { 
     console.log("list " + _listName + ": over"); 
    }, 
    receive: function() { 
     console.log("list " + _listName + ": receive"); 
    }, 
    remove: function() { 
     console.log("list " + _listName + ": remove"); 
    }, 
    sort: function() { 
     console.log("list " + _listName + ": sort"); 
    }, 
    start: function() { 
     console.log("list " + _listName + ": start"); 
    }, 
    stop: function() { 
     console.log("list " + _listName + ": stop"); 
    }, 
    update: function() { 
     console.log("list " + _listName + ": update"); 
    } 
}; 
return options; 

}

を、私は表示されませんカードが別のカードの上に落とされているかどうかを検出する方法。私は確かにサポートされていないと確信しています...私はそれを検出する方法を理解することができますUIの更新を処理することができますが、ライブラリの一部は、カードが実際にお互いから離れて移動します。

私は理想的な世界では、リストに追加されたすべてのカードの周りに動的なサブリストを作成する必要があると思います。そうすれば、内側のリストにドロップするだけで、その周りにいくつかのUIでグループ化されたように見えます。このcodepenソートのは、バニラjQueryのソート可能なライブラリで行いますが、大きな問題はすべてのコンテナが既に存在していることです。

誰でもこれを解決できますか？私は必ずしもUI Sortableに結びついているわけではありませんが、他のドラッグnドロップ/ソート可能な角度ライブラリには基本的に同じ制限があります。

Answer 1

今のところサブリストを使用しようとしていますが、私の言う限りではサポートされていません。