Issue #1157💬 RespondidoAbierto el 1 de junio de 2018por krunal039Reacciones 0

Devolver el span aleatoriamente en un componente personalizado

Respuesta rápidapor artf

Bueno, por lo que has contado no puedo saber qué está pasando, pero definitivamente, no se genera nada aleatoriamente, solo profundiza en la depuración. Por cierto, puedes resolver esto más fácilmente usando el método 'find(query)': '''js título var = this.get('título'); ... var h4 = this.find('h4')[0]; devuelve un ar...

Lee la respuesta completa abajo ↓

Pregunta

Tengo un componente personalizado y al cambiar de rasgo quería actualizar html, pero de forma aleatoria devolvía span/textnode en la función de cambio de rasgos en lugar de elemento html. A continuación se muestra html generado por componente y, al cambiar el título, quiero actualizar el elemento h4.

updateTitle : función updateTitle() {
                    título var = this.get('título');
                    var linkModel = this.get("components").at(0);
                    if (linkModel) {
                        var titleContainer = linkModel.get("components").at(3);
                        if (titleContainer) {
                            var h4 = titleContainer.get("components").at(0);
                            si (h4) {
                                h4.set("contenido", título);
                            }
                        }
                        linkModel.attributes.attributes["aria-label"] = título;
                        linkModel.attributes.attributes["title"] = título;
                    }
                    this.set ("data-title", título);
                    if (this.get('isCreatePage') && this.changed && this.changed.title) {
                        this.set('isPageCreated', false);
                        this.set('bespokePageUrl', '');
                        this.updateIsCreatePage();
                    }
                }
  • linkModel.get("components").at(0) devuelve correctamente "div.programme-description"
  • linkModel.get("components").at(1) devuelve "span" sin estar seguro de dónde viene
  • linkModel.get("components").at(2) devuelve "span" sin estar seguro de dónde viene
  • linkModel.get("components").at(3) devuelve correctamente "img.programme-content-image"
  • linkModel.get("components").at(4) devuelve correctamente "div.programme-play-button-hidden"
  • linkModel.get("components").at(5) devuelve correctamente "div.programme-title"

aquí no estoy seguro de dónde se devuelven linkModel.get("components").at(1) y linkModel.get("components").at(2) "span" y se devuelven aleatoriamente, así que no estoy seguro de qué está ocurriendo y debido a ello el título h4 no se actualiza como índice de cambios en los elementos.

Respuestas (3)

artf6 de junio de 2018

Bueno, por lo que has contado no puedo saber qué está pasando, pero definitivamente, no se genera nada aleatoriamente, solo profundiza en la depuración. Por cierto, puedes resolver esto más fácilmente usando el método 'find(query)': '''js título var = this.get('título'); ... var h4 = this.find('h4')[0]; devuelve un array de modelos h4 & h4.set("contenido", título); ...

krunal0397 de junio de 2018

@artf intenté depurar pero no tuve suerte porque ocurre en algunas páginas y no en todas. también

'this.find' no está definido ! imagen

artf14 de junio de 2018

Solo actualiza grapesjs

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.