Issue #828💬 RespondidoAbierto el 1 de febrero de 2018por maxtaccoReacciones 0

El evento de 'suman' componentes se activa un número diferente de veces

Respuesta rápidapor artf

Hola @maxtacco, desafortunadamente esto se debe a cómo funciona el Clasificador cuando mueve componentes y, sinceramente, ahora mismo no veo mejor solución que la tuya

Lee la respuesta completa abajo ↓

Pregunta

Hola, He notado que si añado el siguiente código en mi componente personalizado, el evento se activa de forma diferente dependiendo de si un nuevo componente hijo es arrastrar y soltar desde bloques o desde canvas.

'''javascript ...
view: defaultView.extend({
init() {
this.listenTo(this.model.components(), 'add', this.onComponentAdded);
},

onComponentAdded(comp) { console.log (comp); }, })
...


Solo se activa un evento cuando arrastro y suelto un componente hijo de la sección de bloques. Pero, cuando arrastro y suelto desde el lienzo puedo ver que este evento se activa dos veces y la primera vez que se pasa algún componente 'div'.

Me pregunto si esto tiene que ver con https://github.com/artf/grapesjs/pull/202 o no.

Además, puedo gestionar este evento como quiero, pero comprobando la opción de evitar Almacenar del componente:

'''js
     onComponentAdded(comp) {
        if (!comp.opt.avoidStore) {
          console.log (comp); el componente infantil que quiero
        }
      },

Por favor, dime si este es el comportamiento deseado y si está bien usar la comprobación como en el ejemplo anterior. Gracias.

Respuestas (2)

artf6 de febrero de 2018

Hola @maxtacco, desafortunadamente esto se debe a cómo funciona el Clasificador cuando mueve componentes y, sinceramente, ahora mismo no veo mejor solución que la tuya

lock[bot]18 de septiembre de 2019

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.