Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah saya boleh mengikat warna teks dalam kawalan UI5 menggunakan atribut `class`?

Bagaimanakah saya boleh mengikat warna teks dalam kawalan UI5 menggunakan atribut `class`?

Linda Hamilton
Linda Hamiltonasal
2024-10-31 05:30:30369semak imbas

How can I bind text color in UI5 controls using the `class` attribute?

Mengikat dalam Kawalan dengan Atribut "kelas"

Mengikat warna nilai teks dalam UI5 boleh menjadi rumit, kerana mengikat kelas secara langsung melalui XML tidak disokong. Walau bagaimanapun, penyelesaian wujud menggunakan data tersuai:

Pendekatan Data Tersuai:

  1. Dalam kawalan anda, tambahkan elemen CustomData dengan sifat writeToDom yang ditetapkan kepada ungkapan mengikat anda. Ini akan menambah atribut HTML berdasarkan hasil pengikatan:

    <code class="xml"><Text class="myControl">
      <customData>
     <core:CustomData writeToDom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'green' : 'red'}" key="green" value="" />
      </customData>
    </Text></code>
  2. Dalam CSS anda, sasarkan kawalan mengikut kelasnya dan atribut HTML:

    <code class="css">.myApp .sapText.myControl[data-green='green'] { color: green; }  </code>

Contoh:

https://embed.plnkr.co/LAv1qfsUjX0Anu7S/

Pertimbangan Tambahan:

  • UI5 memberi amaran terhadap penggunaan CSS tersuai kerana kemungkinan perubahan pecah dalam keluaran masa hadapan.
  • Untuk kawalan tertentu, seperti sap.m.ObjectStatus atau sap.m.FormattedText, semantik atau industri- pewarna khusus telah digunakan, menghapuskan keperluan untuk CSS tersuai.
  • Sentiasa pertimbangkan implikasi penggunaan CSS tersuai dan berunding dengan pihak berkepentingan untuk memastikan konsistensi UI dan mengurangkan hutang teknikal.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengikat warna teks dalam kawalan UI5 menggunakan atribut `class`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn