如何將顏色變更綁定到 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中文網其他相關文章！