Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengikat Perubahan Warna kepada Atribut Kelas Kawalan dalam Paparan XML?

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

DDD
DDDasal
2024-10-30 07:17:27828semak imbas

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

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!

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