Problem #2461💬 BeantwortetDec 20, 2019 geöffnetvon Obrazkow2-Reaktionen

Wie man Stil oder Merkmal auf das Eltern- oder Kindelement der ausgewÀhlten Komponente anwendet.

Kurze Antwortvon Pouyamiralayi❀ 1

@obrazkow Du kannst auf den Elternteil so zugreifen: 'component.parent();' und fĂŒr die Kinder: 'const collection = component.components();'Außerdem habe ich so ein Problem mit Trait, dass ich SRC nicht fĂŒr img aktualisieren kann. Prost!

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Zum Beispiel habe ich ein Component-Image, das in Div gewickelt ist. Ich möchte das Bild mit mehreren Eigenschaften (horizontale Position, Randradius usw.) stylen. Beim Aktualisieren der horizontalen Position muss das aktuelle Element - Div aktualisiert werden Beim Aktualisieren des Grenzradius muss das Child Element aktualisiert werden – img. Außerdem habe ich so ein Problem mit Trait, dass ich SRC fĂŒr img nicht aktualisieren kann. Ich habe Listener bei Trait hinzugefĂŒgt und bei der Änderung wende ich Wert auf img an, dann hatten div und img zusammen SRC, aber das ist eine schlechte Lösung....

Antworten (3)

Pouyamiralayi‱ Dec 21, 2019

@obrazkow Du kannst auf den Elternteil so zugreifen: 'component.parent();' und fĂŒr die Kinder: 'const collection = component.components();'Außerdem habe ich so ein Problem mit Trait, dass ich SRC nicht fĂŒr img aktualisieren kann. Prost!

Pouyamiralayi‱ Dec 21, 2019

Mit deinem Lösungs-Merkmal kennst du den src-Wert nicht, und die Eingabe wird in der Init-Editor-Phase leer sein. Ich verstehe nicht, wovon du sprichst!Was hÀltst du von meiner Lösung mit der Init-Methode 'Override' Target Du behandelst einen sehr einfachen Anwendungsfall mit einer fortschrittliche...

Obrazkow‱ Dec 21, 2019

@pouyamiralayi Genau das habe ich gemacht, aber bei einer solchen Lösung hat die ausgewÀhlte Komponente ein Attribut oder einen Stil, der nur eine Kindkomponente benötigt.

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.