Bagaimana untuk Mengikat Perubahan Warna kepada Atribut Kelas Kawalan dalam Paparan XML?

Mengikat dalam Kawalan dengan Atribut "kelas": Penyelesaian untuk Paparan XML

Dalam paparan XML, mengikat sifat kelas kawalan secara langsung ialah tidak disokong. Untuk mencapai perubahan warna yang diingini berdasarkan nilai, anda boleh memanfaatkan data tersuai sebagai penyelesaian.

Langkah 1: Tambah Data Tersuai dengan writeToDom

Dalam kawalan anda, tambahkan data tersuai dengan set sifat writeToDom pada pengikatan ungkapan yang menentukan warna. Contohnya:

<code class="xml"><Text class="myTextColor">
  <customData>
    <core:CustomData writeToDom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'data-green' : 'data-red'}" key="color" value="" />
  </customData>
</Text></code>

Langkah 2: Sesuaikan CSS dengan Pemilih Atribut

Dalam CSS anda, gunakan pemilih atribut untuk memanipulasi warna berdasarkan data-hijau atau atribut data-red ditambahkan pada kawalan. Contohnya:

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

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

Pertimbangan Tambahan:

• Pertimbangkan untuk menggunakan kawalan dengan semantik terbina dalam atau warna khusus industri dan bukannya CSS tersuai.
• Perhatikan bahawa SAP menasihatkan agar tidak mengatasi gaya lalai untuk memastikan konsistensi UI dan mengurangkan TCO.
• Rujuk dokumentasi tentang Menulis Data ke DOM HTML sebagai Atribut DATA-* untuk mendapatkan maklumat lanjut tentang menggunakan data tersuai.

Atas ialah kandungan terperinci Bagaimana untuk Mengikat Perubahan Warna kepada Atribut Kelas Kawalan dalam Paparan XML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!