Arrastrar y soltar para reordenar listas HTML

Tengo una aplicación para la que me gustaría poder arrastrar y soltar para reordenar y organizar los colores en grupos. La cuadrícula de jQuery sortable parece no responder y es un poco problemática. microjs recomienda kbjr's DragDrop, pero esa biblioteca no tiene ningún concepto de listas, solo objetos móviles. Sproutcore tiene una buena implementación, pero no puedo encontrar una demostración de ella trabajando para una grilla.Arrastrar y soltar para reordenar listas HTML

Mi interfaz de usuario es el siguiente:

groups of colours

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

Fuente

2012-04-28 nornagon

Una pregunta para hacer es: ¿Hay un propósito para la agrupación transitoria? Me imagino que sí. Asumiendo esto, realmente debería comenzar @ "qué son estas colecciones" en el sentido de cómo las asocia y cómo esa asociación es significativa para el usuario final. edit (lo siento presionar enter) necesitarás escuchar las ubicaciones de arrastrar/colocar y probablemente el mejor (¿el más fácil?) es la asignación/desasignación masiva de clases. Estas clases deben ser representativas de las colecciones en algún nivel y es probable que necesite varias o más para describir este comportamiento correctamente-edit2-Soy parcial a Jquery.so id start all –

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

Fuente

2012-04-29 06:08:29 Farhadi

Oh hombre, eso es genial. ¡Gracias! : D – nornagon

Absolut me encanta ^^ – bulleric

+1 pero tengo un problema. No puedo reemplazar el primer artículo. Quiero decir, si arrastro el segundo o tercer lugar en primer lugar, el primero no se reemplaza. ¿Qué podría estar mal? ¡Gracias! – VladL

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

actualización realidad terminó usando this plugin con más opciones.

Espero que ayude. ¡Salud!

Fuente

2014-05-09 12:26:41 adrianthedev

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'));

Esperanza ayuda esto a la próxima errante.

Fuente

2016-01-12 08:13:21 ahmohamed

no hay dependencia de jQuery +1 –

Arrastrar y soltar para reordenar listas HTML

Respuesta

Cuestiones relacionadas