Issue #2530💬 RespondidoAbierto el 24 de enero de 2020por alemencionesReacciones 1

Cómo arrastrar el componente padre desde el hijo seleccionable

Respuesta rápidapor alemenciones1

Gracias, tío, pero estaba buscando algo así (solo para el modo absoluto). editor.on("run:tlb-move:before", (targetCollection) => { Obtengo referencias al componente seleccionado var target = targetCollection.target; var el = target.view.el; Verifico si tengo un componente padre que me interese var component = !! el.ne...

Lee la respuesta completa abajo ↓

Pregunta

Tengo una "tabla" de tipo componente y encuentro que mover esta tabla arrastrando sus componentes internos (seleccionables/estilables) (th, td, ...) ¿esto es posible? ¡Muchas gracias

Respuestas (2)

alemenciones27 de enero de 2020
Fragmento de códigoTEXT
Gracias, tío, pero estaba buscando algo así (solo para el modo absoluto).

`
editor.on("run:tlb-move:before", (targetCollection) => {

Obtengo referencias al componente seleccionado
        var target = targetCollection.target;
        var el = target.view.el;

Verifico si tengo un componente padre que me interese
        var component = !! el.nearest ("mesa") ? "mesa": !! el.nearest ("form") ? el.closest("form").attributes["data-ic-profiling-form"] ? "perfilado-form" : "form" : nulo;

Si tengo padre y el hijo no es arrastrable
        si (component && !target.get("arrastrable")) {

functión para recorrer los componentes padres
            var findParentContainerComponent = parent => {

Si estoy parado en el padre actualizo el drag-target
                si (parent.get("type") === componente) {

Actualizo el target y detengo el bucle
                    targetCollection.target = padre;
                    regresar ;
                }

Busco al padre del elemento actual
                findParentContainerComponent(parent.parent());
            };

Busco y selecciono el componente padre que me interesa
            findParentContainerComponent(target);

}
    });
`
pouyamiralayi25 de enero de 2020

@alemenciones Seleccionar padre usando el icono de flecha:

! flecha

Luego arrastra a Padre como abajo:

! plus

¡Salud!

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.