首頁  >  文章  >  web前端  >  如何將顏色變更綁定到 XML 視圖中控制項的類別屬性?

如何將顏色變更綁定到 XML 視圖中控制項的類別屬性?

DDD
DDD原創
2024-10-30 07:17:27828瀏覽

How to Bind Color Changes to a Control's Class Attribute in XML View?

使用「class」屬性綁定控制項:XML 視圖的解決方法

在XML 視圖中,直接綁定控制項的類別屬性是不支持。要根據值實現所需的顏色變化,您可以利用自訂資料作為解決方法。

第1 步:使用writeToDom 新增自訂資料

在您的控制範圍內,新增自訂數據,並將writeToDom 屬性設定為決定顏色的表達式綁定。例如:

<code class="xml"><Text class="myTextColor">
  <customData>
    <core:CustomData writeToDom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'data-green' : 'data-red'}" key="color" value="" />
  </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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn