Bagaimana untuk Menyerlahkan Baris jqGrid Berdasarkan Nilai Lajur Kotak Semak?

Serlahkan Baris Berdasarkan Nilai Kotak Pilihan dalam jqGrid

Dalam jqGrid, anda boleh menyerlahkan baris dengan mudah berdasarkan nilai lajur kotak pilihan. Begini cara anda boleh mencapai ini:

Menyerlahkan Baris Menggunakan Kelas CSS

Dalam soalan asal anda, anda menyebut menggunakan kelas CSS untuk menukar warna latar belakang baris yang diserlahkan. Anda boleh menggunakan fungsi panggil balik rowattr untuk menambahkan kelas CSS secara dinamik pada baris berdasarkan data dalam grid.

Kod berikut menunjukkan cara menggunakan panggilan balik rowattr:

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") {
        return {"class": "myAltRowClass"};
    }
}

Dalam ini contoh, baris di mana lajur GroupHeader mempunyai nilai "1" akan diberikan kelas CSS myAltRowClass. Anda harus mentakrifkan peraturan CSS untuk kelas ini dalam helaian gaya anda untuk mencapai warna latar belakang yang diingini.

Menyerlahkan Baris Menggunakan Warna Latar Belakang

Sebagai alternatif, anda boleh menetapkan latar belakang terus warna baris yang diserlahkan menggunakan panggilan balik cellattr. Panggilan balik ini boleh digunakan untuk mengubah suai atribut sel individu dalam grid.

Berikut ialah contoh menggunakan panggilan balik cellattr:

gridview: true,
cellattr: function (rd, cell) {
    if (cell.name === "GroupHeader" && rd[cell.name] === "1") {
        return {"style": "background-color: yellow"};
    }
}

Dalam contoh ini, warna latar belakang sel dalam Lajur GroupHeader dengan nilai "1" ditetapkan kepada kuning.

Lain-lain Pertimbangan

• Pastikan anda menetapkan gridview: true untuk mendayakan ciri ini.
• Anda mungkin perlu melaraskan peraturan CSS bergantung pada keperluan khusus anda.
• Pertimbangkan untuk menggunakan cmTemplat dan pilihan templat untuk memudahkan takrif sifat lajur.

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