Cómo arrastrar el componente padre desde el hijo seleccionable
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)
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);
}
});
`Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2699
[Pregunta] ¿Se pueden abrir varias pestañas del Constructor de Páginas Web?
De antemano, muchas gracias por esta potente herramienta, quiero comentar que tengo una web con varias vistas HTML y accedo a cada una desd...
Issue #1714
selección automática de componentes en RTE
Cuando añado un enlace desde RTE, no se selecciona como componente de enlace, tengo que deseleccionar el componente padre que es el TEXTO y...
Issue #1709
[PREGUNTA] ¿Es posible afectar el estilismo de los componentes hijos a través del gestor de estilos del componente padre?
¡Hola! Proyecto increíble y gracias por tu aportación. Me gustaría saber si es posible cambiar el estilo de un componente hijo a través del...
Issue #3414
El modelo de componentes no se reinicia al crear una nueva resistencia
Al arrastrar un componente desde el panel derecho, el modelo de componente no se establece al valor por defecto, sino que tiene el valor de...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Tutorial
How Much Can You Earn on GJS.Market in a Month?
Discover how DevFuture earns €2,000+ monthly on GJS.Market — and learn how you can start building and selling your own GrapesJS plugins.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.