透過「class」屬性在 Control 中綁定

UI5 不會直接支援透過「class」屬性綁定到 XML 視圖中的 CSS 類別。但是，可以實現使用自訂資料的解決方法：

使用自訂資料進行綁定

1. 將自訂資料新增至控件，設定writeToDom 屬性並將其綁定到所需的表達式：

2. 定義一個基於自訂資料值定位控制項的 CSS 選擇器。例如：

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

範例

在下面的範例中，當 控制項的「enabled」屬性為true:

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

注意事項

• 雖然綁定到自訂資料允許操作CSS 樣式，但請考慮以下事項很重要：
• 應謹慎使用自訂CSS 樣式，因為它們會影響UI 一致性和維護。
• 在求助於自訂之前探索替代解決方案，例如使用語義類別或自訂格式化程式CSS.