Giao diện người dùng góc có thể sắp xếp - Nhóm

Question

Tôi đã tìm kiếm cao và thấp cho một cách "thanh lịch" để thực hiện việc này. Sử dụng Angular UI Sortable Tôi hiện đang có 3 cột, trong đó chủ yếu trông giống như codepen này, chỉ với 3 cột thay vì 2. Nhìn qua sortOptions:

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; 

}

Với những sự kiện sắp xếp được, tôi không thấy làm thế nào tôi có thể phát hiện nếu một thẻ đang được thả trên đầu trang của một số khác. Tôi khá chắc chắn của nó chỉ không được hỗ trợ ... Tôi có thể xử lý các bản cập nhật giao diện người dùng nếu tôi có thể tìm ra cách để phát hiện điều đó, nhưng một phần của thư viện các thẻ thực sự di chuyển ra khỏi nhau.

Trong một thế giới lý tưởng, tôi nghĩ rằng tôi sẽ cần phải tạo danh sách phụ động xung quanh mọi thẻ được thêm vào danh sách. Bằng cách đó bạn có thể chỉ cần thả vào một danh sách bên trong, và nó sẽ xuất hiện như nhóm với một số giao diện người dùng xung quanh nó. Điều này codepenloại hiện nó với thư viện sắp xếp vanilla jQuery, nhưng vấn đề lớn là tất cả các container đã tồn tại.

Mọi người đều giải quyết vấn đề này trước đây? Tôi không nhất thiết phải gắn liền với UI Sortable nhưng các thư viện khác thả n/sortable góc của tất cả về cơ bản có cùng một giới hạn.

Answer 1

Chỉ cần sử dụng danh sách phụ bây giờ, nó không được hỗ trợ theo như tôi có thể nói.