Cómo escuchar el cambio de valor de rasgo directamente desde la adición de bloques
¿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)
¿Solucionaste este problema? Si es así, ¿cómo?
Por favor, guía.
@lofcz ¿Cómo solucionáis este problema?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1611
Etiqueta de script crear error JSON
Hola. Estoy creando bloques en Grapesjs y necesito usar JS en ellos para el efecto de hover y más... Todo funciona bien para la creación, a...
Issue #1574
Pregunta, bloquear contenido del archivo
Hola, esto no es realmente un problema, sino más bien una pregunta. Actualmente estoy usando bloques personalizados en mi editor GrapesJS....
Issue #1092
[BUG] rasgos y disparador de almacenamiento
Oye, quizá no sea un bicho, no estoy seguro. Tengo rasgos con changeProp: campo verdadero. Cuando cambio el valor del rasgo por interfaz, e...
Issue #792
La propiedad de script usando función no funciona con bloques
En la documentación de Componentes & JS hay este ejemplo: Esto funciona perfectamente. Pero no podría usar una función en lugar de una cade...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.