Faites glisser et déposez pour réorganiser les listes HTML

Question

J'ai une application pour laquelle je voudrais pouvoir faire glisser et déposer pour réorganiser et organiser les couleurs en groupes. jQuery's triable pour les grilles semble plutôt insensible et un peu bogué. microjs recommande DragDrop de kbjr , mais cette bibliothèque n'a pas de concept de listes, seulement des objets mobiles. Sproutcore a une implémentation de Nice, mais je ne trouve pas de démo qui fonctionne pour une grille.

Mon interface utilisateur ressemble à ceci:

et j'aimerais que les utilisateurs puissent faire glisser les couleurs dans les groupes ainsi que les faire glisser entre les groupes.

Answer 1

Essayez ceci : HTML5 triable. Il s'agit d'un plugin jQuery pour créer des listes et des grilles triables à l'aide de l'API native de glisser-déposer HTML5.

Answer 2

Juste une mise à jour conviviale, car cette question est apparue dans la recherche. HTML5Sortable n'est plus géré. La bibliothèque recommandée est triable . Taille: 12 ko minifié.

Code:

var sortable = Sortable.create($('#items'));

J'espère que cela aidera le prochain vagabond.

Answer 3

J'ai découvert que ceci ( Nastable ) est un peu plus utile car il a des capacités d'imbrication.

Mise à jour A fini par utiliser ce plugin avec plus d'options.

J'espère que ça aide. À votre santé!