Bagaimana untuk Menyerlahkan Baris dalam JqGrid Apabila Kotak Semak Ditanda?

Cara Menyerlahkan Baris Apabila Kotak Semak Benar dalam JqGrid

Dalam jqGrid, anda boleh menyerlahkan baris dengan mudah apabila kotak semak itu benar. Berikut ialah panduan langkah demi langkah:

1. Gunakan Panggilan Balik rowattr:
   Versi 4.3.2 jqGrid memperkenalkan panggilan balik rowattr, yang membolehkan anda menetapkan atribut tersuai untuk setiap baris. Ia sesuai untuk menyerlahkan berdasarkan nilai kotak pilihan.
2. Buat Fungsi Rowattr:
   Tentukan fungsi rowattr yang menyemak nilai lajur GroupHeader (atau mana-mana lajur kotak semak lain yang anda miliki ). Jika nilai ialah "1," kembalikan nama kelas yang mentakrifkan gaya penyerlahan.

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Adjust this to match your checkbox column
        return {"class": "myAltRowClass"};
    }
}

3. Tentukan Kelas Serlahkan:
   Dalam CSS anda , buat kelas yang dipanggil myAltRowClass yang menentukan gaya penyerlahan, seperti latar belakang kuning.
4. Sertakan Templat Lajur:
   Untuk menyelaraskan kod anda, gunakan templat lajur untuk menetapkan sifat biasa bagi berbilang lajur. Contohnya, jika semua input teks anda mempunyai saiz dan panjang maksimum yang sama:

cmTemplate: {align: 'center', sortable: false, editable: true, width: 80},

5. Gunakan Templat Kotak Semak:
   Begitu juga, anda boleh mencipta templat untuk lajur kotak semak anda:

var myCheckboxTemplate = {formatter: 'checkbox', edittype: 'checkbox', type: 'select',
        editoptions: {value: "1:0"}};

Kemudian, dalam colModel anda, bukannya mentakrifkan objek kompleks untuk setiap lajur kotak pilihan, cuma gunakan templat:

{name: 'GroupHeader', index: 'GroupHeader', template: myCheckboxTemplate}

Dengan mengikuti ini langkah, anda akan dapat menyerlahkan baris berdasarkan nilai kotak pilihan dalam jqGrid anda.

Atas ialah kandungan terperinci Bagaimana untuk Menyerlahkan Baris dalam JqGrid Apabila Kotak Semak Ditanda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!