Issue #2404💬 RespondidoAbierto el 13 de noviembre de 2019por scott-coatesReacciones 3

Pregunta: cómo observar los cambios en los componentes de los niños

Respuesta rápidapor pouyamiralayi1

¿Hay alguna forma sencilla de suscribirme o escuchar los cambios en los componentes/hijos de mi tipo de componente personalizado? @scottccoates puedes suscribirte de esta manera: ¡Salud!

Lee la respuesta completa abajo ↓

Pregunta

¿Hay alguna forma sencilla de suscribirme o escuchar los cambios en los componentes/hijos de mi tipo de componente personalizado? ¿Quizá algún evento al que pueda suscribirme? ¿Algo como 'change:content'?

Quiero añadir rasgos a los hijos de mi componente 'contenedor'. Si los niños salen del contenedor, los rasgos deberían desaparecer.

Se me ocurre una solución alternativa. Algo así como: '''javascript En la opinión this.el.bind("DOMSubtreeModified",function(){ alerta ('cambiado'); });

Respuestas (3)

pouyamiralayi13 de noviembre de 2019

¿Hay alguna forma sencilla de suscribirme o escuchar los cambios en los componentes/hijos de mi tipo de componente personalizado?

@scottccoates puedes suscribirte de esta manera:

init(){ // dentro de tu modelo
    this.listenTo(this.components().at(0),'change:prop-name', handler)
}

¡Salud!

scott-coates14 de noviembre de 2019

@pouyamiralayi gracias. Necesito vigilar si los niños salen o entran en mi componente. No estoy seguro de que lo que me hayas proporcionado ayude o me estoy perdiendo de algo.

pouyamiralayi14 de noviembre de 2019

@scottccoates esto podría ayudar:

 editor.on('component:add', model => console.log(model.parent().get('custom-name')))
 editor.on('component:remove', model => console.log(model.parent().get('custom-name')))

¡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 →

Explorar categorías de plugins

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