Tag: DRAG-AND-DROP
Aquí estoy intentando asignar un ref de arrastrar de React dnd a un ref existente, pero no está sucediendo, ¿alguien puede ayudarme, por favor? const refs = useRef<(HTMLDivElement | null)[][]>([]); const [{ isDragging }, drag] = useDrag(() => ({ type: ItemType.item, collect: (monitor) => ({ isDragging: !!monitor.isDragging(), }), })); for . . . Read more
Estoy buscando usar una función de arrastrar y soltar para actualizar una tabla en mi modelo de Django. Necesito poder arrastrar elementos (una lista de objetos de modelo) entre 3 cestas y actualizar el tipo de cesta del elemento en el modelo. Mi modelo contiene elementos de comida y el . . . Read more
Intenté crear elementos arrastrables dentro de un div hasta que me encontré con un pequeño problema, no puedo encontrar una forma de arrastrar cada elemento por separado sin afectar a los demás elementos, mi código solo maneja un elemento con su id, aquí está mi intento. HTML: <div class=”wrapper”> <img . . . Read more
Estoy trabajando en un proyecto de carga de carpetas y estoy utilizando React-dropzone para eso. Sin embargo, cuando suelto una carpeta y la carpeta no contiene nada, entonces acceptedFiles queda vacío. Me he dado cuenta de que acceptedFiles, cada objeto de archivo contiene un atributo “path” que proporciona la ubicación, . . . Read more
Estoy intentando hacer que una tabla de árbol sea reordenable mediante arrastrar y soltar. Aquí está la representación visual para una mejor comprensión: También estoy usando React-DnD. Aquí hay parte de mi código: const moveRow = useCallback( (record: StructureElement) => (dragIndex, hoverIndex) => { // console.log(record.name, dragIndex, hoverIndex); const dragRow . . . Read more