2016-09-08 52 views
6

Bunu yapmak için "zarif" bir şekilde yüksek ve alçak arama yaptım. Şu anda 3 esasen sadece 3 sütun yerine 2. sortOptions üzerinde Looking ile bu codepen benziyor sütunları var Angular UI Sortable kullanarak:Açısal UI Sortable - Gruplandırma

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; 

} o sıralanabilir olaylar göz önüne alındığında

, ben görmüyorum Bir kartın diğerinin üzerine düşürülüp düşmediğini nasıl algılayabilirim. Oldukça desteklenmediğinden eminim ... UI güncellemelerini halledebilirim, eğer bunu nasıl algılayabileceğimi anlayabilirsem, fakat kütüphanenin bir kısmı aslında kartların birbirinden uzaklaşmasını sağlayabilir.

İdeal bir dünyada, listeye eklenen her kartın etrafında dinamik alt listeler oluşturmam gerektiğini düşünüyorum. Böylelikle bir iç listeye girebilirdiniz ve bu, etrafındaki bazı UI ile gruplandırılmış gibi görünür. Bu codepentüründe, vanilla jQuery sıralanabilir kitaplığı ile yapar, ancak büyük sorun, tüm kapsayıcıların zaten var olması gerektiğidir.

Bunu daha önce çözen var mı? Ben UI Sortable ile bağlı olmak zorunda değilim ama diğer sürükle n bırak/sortable açısal kütüphane hepsi esas olarak aynı sınırlama var.

cevap

1

Şimdilik sadece alt listeleri kullanacağım, söyleyebildiğim kadarıyla desteklenmiyor.