Issue #1658💬 RespondidoAbierto el 13 de diciembre de 2018por christopherserrao05Reacciones 0

El rasgo de casilla de verificación no carga como marcado incluso cuando el valor del rasgo es verdadero

Respuesta rápidapor artf

Actualiza tu versión de grapesjsEl rasgo lee el valor del componente, así que coloca el valor inicial a nivel del componente, no al rasgo

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Estoy usando la versión 0.14.33 de Grapesjs.

Estoy cargando algunos componentes cuando carga el formulario y tengo un componente con un rasgo de casilla de verificación. Cuando cargo el componente usando editor. DomComponents.load, estoy cargando la casilla con el valor true, lo que significa que el rasgo debería renderizarse con la casilla ya marcada. Esto no está funcionando. Sin embargo, cuando compruebe el valor del rasgo del objeto DOM usando el editor.getComponents().models[0].get('traits').models[0].get('value'), devuelve true.

Navegador utilizado para probar : Chrome v 69.0.3497.100

Comportamiento real: El rasgo de casilla no se muestra como seleccionado, pero el valor del rasgo en el objeto DOM es verdadero.

Comportamiento esperado: El rasgo de casilla de verificación debe aparecer como verificado si el componente está cargado con el valor del rasgo verdadero.

Enlace de JS Fiddle para reproducir el número : https://jsfiddle.net/g3zh12r7/4/

Gracias

Respuestas (3)

artf14 de diciembre de 2018
  1. Actualiza tu versión de grapesjs
  2. El rasgo lee el valor del componente, así que coloca el valor inicial a nivel del componente, no al rasgo
christopherserrao0517 de diciembre de 2018

Hola Artf,

Gracias por tu respuesta. ¿Podrías proporcionarme un enlace de ejemplo, o actualizar el jsfiddle, para explicar a qué te refieres con "colocar el valor inicial a nivel de componente"?

Gracias

artf20 de diciembre de 2018

Quiero decir, cuando añades el elemento de casilla de verificación, pon marcado ahí '<input data-gjs-editable="false" .... type="checkbox" ... marcado/>'

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.