Bagaimana untuk Menyerlahkan Baris jqGrid Berdasarkan Pemilihan Kotak Semak?

Menyerlahkan Baris Berdasarkan Status Kotak Semak dalam jqGrid

Apabila bekerja dengan jqGrid, anda mungkin menghadapi senario di mana anda ingin menyerlahkan baris berdasarkan keadaan kotak semak. Ciri ini boleh memberikan perwakilan yang jelas dan visual bagi baris terpilih.

Pelaksanaan:

jQuery UI ThemeRoller

Lebih ringkas pendekatan adalah untuk menggunakan jQuery UI ThemeRoller untuk menggayakan sel kotak semak anda. Kaedah ini melibatkan menyesuaikan penampilan sel berdasarkan keadaan yang ditandakan. Anda boleh mencapai ini dengan menambahkan CSS berikut pada kod anda:

.ui-jqgrid .ui-sgfcb .ui-state-checked {
  background-color: #ffff99;
}

Penggayaan Tersuai

Jika anda lebih suka pendekatan yang lebih disesuaikan, anda boleh melaksanakan penggayaan anda sendiri menggunakan panggilan balik rowattr. Panggilan balik ini membolehkan anda menentukan atribut tersuai untuk setiap baris grid, membolehkan anda mengubah suai penampilan baris secara dinamik berdasarkan nilai kotak pilihan. Contoh pelaksanaan ialah:

rowattr: function (rd) {
  if (rd.GroupHeader === "1") {
    return {"class": "highlighted-row"};
  }
}

Dalam kes ini, kelas baris yang diserlahkan akan mengandungi penggayaan tersuai anda untuk baris yang diserlahkan.

Pertimbangan Lain:

• Pastikan lajur kotak semak tidak boleh diisih untuk mengelakkan tingkah laku yang tidak dijangka apabila pengisihan.
• Pertimbangkan untuk menggunakan kelas sel untuk menyesuaikan lagi penampilan sel individu berdasarkan data mereka.
• Sel yang diserlahkan akan kelihatan ketara secara visual, meningkatkan pengalaman pengguna semasa menavigasi grid.

Atas ialah kandungan terperinci Bagaimana untuk Menyerlahkan Baris jqGrid Berdasarkan Pemilihan Kotak Semak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!