Issue #1966💬 RespondidoAbierto el 19 de abril de 2019por trafalmejoReacciones 0

Bucle sobre todos los componentes

Respuesta rápidapor artf

Hola @trafalmejo en caso de que necesites iterar los hijos de primer nivel de componentes puedes hacer esto: '''js yourComponent.components().forEach(component => { si (component.is('COMPONENT-ID')) { Haz algo } }) Una vez que el componente está renderizado, también puedes usar el método 'find' y pasar cualquier caden...

Lee la respuesta completa abajo ↓

Pregunta

Hola a todos,

Quiero crear un conector para cada botón que añada al lienzo. Esto está funcionando perfectamente. Sin embargo, cuando recargo (usando almacenamiento), tengo que buscar mis componentes de tipo "Botón" y volver a abrir los sockets. ¿Es una forma de hacer un bucle sobre los componentes?

Un saludo,

Respuestas (3)

artf23 de abril de 2019

Hola @trafalmejo en caso de que necesites iterar los hijos de primer nivel de componentes puedes hacer esto: '''js yourComponent.components().forEach(component => { si (component.is('COMPONENT-ID')) { Haz algo } })

Si necesitas buscar TODOS los niños interiores, usa 'onAll'
'''js
yourComponent.onAll(component => {
 si (component.is('COMPONENT-ID')) {
  Haz algo
 }
})

Una vez que el componente está renderizado, también puedes usar el método 'find' y pasar cualquier cadena selectora de consultas '''js yourComponent.find('[data-gjs-type=COMPONENT-ID]').forEach(component => { Haz algo })

trafalmejo24 de abril de 2019

¡Perfecto! Muy agradecido.

lock[bot]25 de abril de 2020

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

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.