javascript - example - Arrastrar y soltar para reordenar listas HTML

drag and drop jquery ejemplos

Question

Tengo una aplicación para la cual me gustaría poder arrastrar y soltar para reordenar y organizar los colores en grupos. jQuery''s sortable para grids parece bastante insensible y un poco defectuoso. microjs recomienda DragDrop de kbjr , pero esa biblioteca no tiene ningún concepto de listas, solo objetos movibles. Sproutcore tiene una implementación agradable, pero no puedo encontrar una demostración de ella trabajando para una grilla.

Mi IU se ve así:

y me gustaría que los usuarios puedan arrastrar colores dentro de los grupos y arrastrarlos entre grupos.

Answer 1

Descubrí que this ( Nastable ) es un poco más útil porque tiene capacidades de anidación.

Actualización En realidad terminó usando this complemento con más opciones.

Espero eso ayude. ¡Aclamaciones!

Answer 2

Prueba this : HTML5 ordenable. Es un complemento de jQuery para crear listas y grillas editables utilizando la API nativa de arrastrar y soltar de HTML5.

Answer 3

Solo una actualización amistosa, ya que esta pregunta surgió en la búsqueda. HTML5Sortable ya no se mantiene. La biblioteca recomendada es Sortable . Tamaño: 12kb minificado.

Código:

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

Espero que esto ayude al próximo vagabundo.