如何将颜色更改绑定到 XML 视图中控件的类属性？

使用“class”属性绑定控件：XML 视图的解决方法

在 XML 视图中，直接绑定控件的类属性是不支持。要根据值实现所需的颜色变化，您可以利用自定义数据作为解决方法。

第 1 步：使用 writeToDom 添加自定义数据

在您的控制范围内，添加自定义数据，并将 writeToDom 属性设置为确定颜色的表达式绑定。例如：

<code class="xml"><text class="myTextColor">
  <customdata>
    <customdata writetodom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'data-green' : 'data-red'}" key="color" value=""></customdata>
  </customdata>
</text></code>

第 2 步：使用属性选择器自定义 CSS

在 CSS 中，使用属性选择器根据数据绿色来操作颜色或添加到控件的 data-red 属性。例如：

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

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

其他注意事项：

• 考虑使用具有内置语义或行业特定颜色的控件，而不是自定义 CSS。
• 请注意，SAP 建议不要覆盖默认样式，以确保 UI 一致性并降低 TCO。
• 有关使用自定义数据的更多信息，请参阅有关将数据作为 DATA-* 属性写入 HTML DOM 的文档。

以上是如何将颜色更改绑定到 XML 视图中控件的类属性？的详细内容。更多信息请关注PHP中文网其他相关文章！