Wie binde ich Farbänderungen an das Klassenattribut eines Steuerelements in der XML-Ansicht?

Bindung im Steuerelement mit dem Attribut „class“: Problemumgehung für die XML-Ansicht

In der XML-Ansicht ist das direkte Binden der Klasseneigenschaft eines Steuerelements nicht unterstützt. Um die gewünschte Farbänderung basierend auf einem Wert zu erreichen, können Sie benutzerdefinierte Daten als Workaround nutzen.

Schritt 1: Benutzerdefinierte Daten mit writeToDom hinzufügen

Innerhalb Ihrer Kontrolle, Fügen Sie benutzerdefinierte Daten hinzu, wobei die Eigenschaft writeToDom auf die Ausdrucksbindung festgelegt ist, die die Farbe bestimmt. Zum Beispiel:

<code class="xml"><Text class="myTextColor">
  <customData>
    <core:CustomData writeToDom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'data-green' : 'data-red'}" key="color" value="" />
  </customData>
</Text></code>

Schritt 2: Passen Sie CSS mit dem Attributselektor an

Verwenden Sie in Ihrem CSS einen Attributselektor, um die Farbe basierend auf dem Datengrün zu manipulieren oder dem Steuerelement hinzugefügtes datenrotes Attribut. Zum Beispiel:

<code class="css">.myTextColor[data-green] {
  color: green;
}

.myTextColor[data-red] {
  color: red;
}</code>

Zusätzliche Überlegungen:

• Erwägen Sie die Verwendung von Steuerelementen mit integrierten semantischen oder branchenspezifischen Farben anstelle von benutzerdefiniertem CSS.
• Beachten Sie, dass SAP vom Überschreiben von Standardstilen abrät, um die Konsistenz der Benutzeroberfläche sicherzustellen und die Gesamtbetriebskosten zu senken.
• Weitere Informationen zur Verwendung benutzerdefinierter Daten finden Sie in der Dokumentation zum Schreiben von Daten in das HTML-DOM als DATA-*-Attribut.

Das obige ist der detaillierte Inhalt vonWie binde ich Farbänderungen an das Klassenattribut eines Steuerelements in der XML-Ansicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!