Bindung in Control mit dem Attribut „class“

Die Bindung an CSS-Klassen in XML-Ansichten über das Attribut „class“ wird von UI5 nicht direkt unterstützt. Es kann jedoch eine Problemumgehung mithilfe benutzerdefinierter Daten implementiert werden:

Verwenden benutzerdefinierter Daten zum Binden

1. Fügen Sie benutzerdefinierte Daten zu Ihrem Steuerelement hinzu, legen Sie die Eigenschaft writeToDom fest und binden Sie sie an die gewünschter Ausdruck:

2. Definieren Sie einen CSS-Selektor, der das Steuerelement basierend auf dem benutzerdefinierten Datenwert anspricht. Zum Beispiel:

   .myApp .sapText.myControl[data-green] { /* ... */ }

Beispiel

Im folgenden Beispiel wird die Klasse „grün“ zum Steuerelement hinzugefügt, wenn dessen Eigenschaft „enabled“ aktiviert ist true:

.myApp .sapText.myControl[data-green] { color: green; }
.myApp .sapText.myControl[data-red] { color: red; }

Überlegungen

• Während die Bindung an benutzerdefinierte Daten die Manipulation von CSS-Stilen ermöglicht, ist es wichtig, Folgendes zu berücksichtigen:
• Benutzerdefinierte CSS-Stile sollten mit Vorsicht verwendet werden. da sie sich auf die Konsistenz und Wartung der Benutzeroberfläche auswirken können.
• Erkunden Sie alternative Lösungen, z. B. die Verwendung semantischer Klassen oder benutzerdefinierter Formatierer, bevor Sie auf benutzerdefinierte zurückgreifen CSS.