Problem #990💬 BeantwortetApr 1, 2018 geöffnetvon Anand-Gopinath0-Reaktionen

Wie hört man ein Event fĂŒr ein Style-Update benutzerdefinierter Komponenten an?

Kurze Antwortvon artf

FĂŒr die Eigenschaften der Komponenten verwenden Sie 'this.listenTo(this.model, "change:prop-name" ...'Indem man '... attributes.align = "left"' Component sieht deine Änderungen nicht, benutze stattdessen 'this.model.components().at(0).addAttributes({ align: 'left' })', du musst das Element nicht aktualisieren/rendern.

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

@artf @arthuralmeidap @nojacko Ich habe eine benutzerdefinierte Komponente wie diese und i, der Code sieht aus wie https://jsfiddle.net/nganand/n97g7g43/. ! bbbWie hört man ein Ereignis an, wenn sich die Eigenschaft einer benutzerdefinierten Komponente geĂ€ndert hat (z. B. beim Styling von Padding/Margin)? wie init() { this.listenTo(this.model, "component:styleUpdate:text-align", this.handleChange) }Ich möchte den Button nach links ausrichten, indem ich 'nicht ĂŒbergeordnet' wĂ€hle. Stattdessen wĂ€hlt man den Vorfahren aus. Wie Ă€ndert man also die Kinderansicht der benutzerdefinierten Komponente,...

Antworten (2)

artf‱ Apr 4, 2018

FĂŒr die Eigenschaften der Komponenten verwenden Sie 'this.listenTo(this.model, "change:prop-name" ...'Indem man '... attributes.align = "left"' Component sieht deine Änderungen nicht, benutze stattdessen 'this.model.components().at(0).addAttributes({ align: 'left' })', du musst das Element nicht ak...

Lock[Bot]‱ Sep 17, 2019

Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jĂŒngste AktivitĂ€t gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.