Angular UI Sortierbar - Gruppierung

Question

Ich habe High und Low nach einer "eleganten" Möglichkeit gesucht, dies zu tun. Mit Angular UI Sortable Im Moment habe ich 3 Spalten, die wie dieser codepen sieht im Wesentlichen nur mit 3 Spalten statt 2. die sortOptions Mit Blick auf:

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; 

}

diejenigen sortierbar Ereignisse gegeben, sehe ich nicht, wie ich feststellen kann, ob eine Karte auf eine andere gelegt wird. Ich bin mir ziemlich sicher, dass es einfach nicht unterstützt wird ... Ich kann die UI-Updates handhaben, wenn ich herausfinden kann, wie man das erkennt, aber ein Teil der Bibliothek bewegt sich tatsächlich voneinander weg.

In einer idealen Welt, ich denke, ich müsste dynamische Sub-Listen um jede Karte erstellen, die der Liste hinzugefügt wird. Auf diese Weise könntest du einfach in die innere Liste springen und es würde so aussehen, als ob es mit einer UI um sie herum gruppiert wäre. Diese codepenArt von tut es mit der sortierbaren Bibliothek Vanille jQuery, aber das große Problem ist, dass alle Behälter bereits existieren müssen.

Wer löst das schon einmal? Ich bin nicht unbedingt an UI Sortierbar gebunden, aber die anderen Drag & Drop/sortierbaren eckigen Bibliotheken haben alle die gleiche Einschränkung.

Answer 1

Ich werde einfach nur Sub-Listen verwenden, es wird nicht unterstützt, soweit ich das beurteilen kann.