Komponente-"First Render"-Ereignis

Question

Hallo. Ich entwickle ein Plugin für Diagramme mit chart.js. Ich muss das Modell des Diagramms innerhalb der generierten Komponente speichern, um das Diagramm auf den Back-Canvas-Laden darzustellen. Um dies zu erreichen, entschied ich mich, das Modell des Diagramms in einem HTML-Teil der Komponente beizubehalten. Dies ist das generierte HTML der Komponente, nachdem ich das Diagramm konfiguriert habe (das Modell des Diagramms wird im Attribut "chartmodel" gespeichert): ! captura de tela 2018-09-1...

artf · Accepted Answer

Du kannst 'onRender' verwenden. '''js view: defaultView.extend({ // ... onRender() { const chartModelSaved = this.el.getAttribute('chartmodel'); if (chartModelSaved) { this.model.set('chartModel', JSON.parse(chartModelSaved)); this.model.set('chartType', this.model.get('chartModel').type) } sonst { this.model.set('chartModel', JSON.parse(ChartDefaultData)); } } }) ```

gabrigcl · Answer

Danke, diese Methode funktioniert! Allerdings muss ich das Modell des Diagramms im HTML der Komponente speichern, damit die generierte Vorlage das Diagramm außerhalb des grapesjs-Editors rendert. Ich kann nichts in einem benutzerdefinierten HTML-Attribut der Komponente so speichern, wie ich es möchte: '''html <canvas chartmodel="{chartType: doughnut}"> ``` Welche Lösung habe ich für dieses Bedürfnis?

artf · Answer

@gabrigcl ich verstehe nicht, was jetzt das Problem ist... kann ich nichts innerhalb eines benutzerdefinierten HTML-Attributs der Komponente so speichern, wie ich es möchte Aber genau das hast du in deinem vorherigen Beitrag gezeigt, versuche besser zu erklären, was du brauchst und was du nicht erreichen kannst, eine Live-Demo wäre besser.

Komponente-"First Render"-Ereignis

Frage

Antworten (3)

Verwandte Fragen und Antworten

Wie man "data-"-Attribute im HTML-Tag der Komponente speichert

IsComponent() wird nicht aufgerufen

Das benutzerdefinierte Link-Modal aktualisiert den aktuellen Text nicht, sondern fügt einen weiteren Text mit Link hinzu

HTML-Inhalte dynamisch aus einer Datei laden

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien