Aktualisieren Sie die Komponentenansicht zur Eigenschaftsänderung
um das HTML zu aktualisieren, musst du 'toHTML' im Modell ändern '''js model: { ... toHTML() { const tagName = this.get('tagName'); const price = this.get('defaultPrice'); return '<${tagName}>${price}</{tagName}>'; } } ```
Lesen Sie die vollständige Antwort unten ↓Frage
Hallo zusammen, Ich versuche, eine Komponente zu erstellen, die ihre Ansicht basierend auf einem Eigenschaftswert aktualisiert '''javascript Redakteur. DomComponents.addType("price-value-type", { isComponent: el => { wenn (el.tagName == "div" & el.hasAttribute("price-value")) { return { type: "price-value-type" }; } }, model: { defaults: Object.assign({}, defaultProperties, { defaultPrice: 0, Name: "Price", Klassen: ["Preis"], Komponenten: Modell => { return '${model.get("defaultPrice")}'} }) }, extendView: 'default', extendFnView: ['render'], Ansicht: { init() { console.log(this.render); thi...
Antworten (3)
um das HTML zu aktualisieren, musst du 'toHTML' im Modell ändern '''js model: { ... toHTML() { const tagName = this.get('tagName'); const price = this.get('defaultPrice'); return '<${tagName}>${price}</{tagName}>'; } }
Hast du so etwas ausprobiert? '''js Ansicht: { init() { this.listenTo(this.model, 'change:defaultPrice', this.render); }, onRender() { this.el.innerHTML = this.model.get("defaultPrice"); } }
Ich werde es übermorgen ausprobieren. Danke für deine schnellen Antworten!
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2839
Ich habe eine Komponente mit dem Namen Template in die Blöcke eingefügt, aber wenn ich versuche, andere Komponenten innerhalb dieser Vorlage zu ziehen, wird sie gezogen, aber nach dem Speichern werden alle darin enthaltenen Komponenten entfernt. Wie kann man das vermeiden?
Dies ist der Code der Vorlagenkomponente: '''js Export Standard { init(editor) { Redakteur. DomComponents.addType('myTemplate', { isCompone...
Problem #2626
Bewegen Sie die Komponente nach oben oder unten über den Panel-Knopf
Hallo, ich überlege, eine Funktion zu erstellen, die Komponenten auf der Leinwand nach oben oder unten bewegt, wenn ein Knopf gedrückt wird...
Problem #2614
Rekursive Ansichts-Aktualisierung einer benutzerdefinierten Komponente
Hallo, Ich habe einen benutzerdefinierten Typ definiert wie: '''javascript Redakteur. DomComponents.addType('customType', { model: { Standa...
Problem #460
Wenn die Ansicht der Komponente das HTML verändert, sind Textkomponenten nicht mehr bearbeitbar.
Ich versuche, eine eigene Komponente zu erstellen, die im Inhalt Lorem-Ipsum-Text enthält, um sie zu bearbeiten, sobald sie auf der Leinwan...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.