Issue #2762💬 RespondidoAbierto el 9 de mayo de 2020por lofczReacciones 0

Cómo escuchar el cambio de valor de rasgo directamente desde la adición de bloques

Respuesta rápidapor Aiyush-G

¿Solucionaste este problema? Si es así, ¿cómo?

Lee la respuesta completa abajo ↓

Pregunta

Estoy pasando de seguir JSON a editor. BlockManager.add()' para definir mi bloque, cargar su contenido desde el servidor y poblar el rasgo select-type llamado 'defaultCategory' de la misma manera.
Todo funciona bien. Ahora necesito escuchar el evento 'onchange' de esa selección y ejecutar algo de JS allí. He consultado a https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components pero no consigo averiguar cómo hacerlo.

¿Te importaría mostrar rápidamente cómo ejecutaría 'alerta('test')' cuando el valor de mi rasgo cambia (seleccionando una de las opciones por el usuario)? Gracias de antemano.

'''js { etiqueta: '<img src="/Uploads/Lanbuilder/articlesRow.png" class="lanbuilderIcon" width="50" height="50"/><div>Mi bloque</div>', Categoría: C.Categoría, atributos: { Clase: 'GJS-Fonts GJS-F-B4', defaultCategory: '' }, Contenido: { contenido: 'AJAX cargando contenido de este bloque...', script: function() { moduleCommonFunctions.loadContentToDiv(this.id, '/topic/getTopicRow'); }, Rasgos: [ { tipo: 'select', nombre: 'defaultCategory', etiqueta: 'Categoría predeterminada', opciones: JSON.parse(categoriesJson) } ] } });


! [imagen](https://user-images.githubusercontent.com/10260230/81474361-33d04380-9205-11ea-8bee-f4628bfe1750.png)

Para el botón hay una opción que podemos asignar a nuestro JS, sería realmente útil tener ese evento para todos los tipos de rasgos integrados.

! [imagen](https://user-images.githubusercontent.com/10260230/81474860-6fb8d800-9208-11ea-9d0a-ef0a2a775953.png)

Respuestas (3)

Aiyush-G22 de junio de 2020

¿Solucionaste este problema? Si es así, ¿cómo?

SwapnilSoni199922 de agosto de 2023

Por favor, guía.

Vampire-V28 de septiembre de 2023

@lofcz ¿Cómo solucionáis este problema?

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.