通过“class”属性在 Control 中绑定

UI5 不直接支持通过“class”属性绑定到 XML 视图中的 CSS 类。但是，可以实现使用自定义数据的解决方法：

使用自定义数据进行绑定

1. 将自定义数据添加到控件，设置 writeToDom 属性并将其绑定到所需的表达式：

2. 定义一个基于自定义数据值定位控件的 CSS 选择器。例如：

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

示例

在下面的示例中，当 控件的“enabled”属性为 true 时，“green”类将添加到该控件：

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

注意事项

• 虽然绑定到自定义数据允许操作 CSS 样式，但考虑以下事项很重要：
• 应谨慎使用自定义 CSS 样式，因为它们会影响 UI 一致性和维护。
• 在求助于自定义 CSS 之前，探索替代解决方案，例如使用语义类或自定义格式化程序。