Bagaimana untuk Menyerlahkan Baris jqGrid Berdasarkan Nilai Kotak Semak?

Menyerlahkan Baris Apabila Kotak Semak Adalah Benar

Masalah:

Apabila bekerja dengan jqGrid, adalah wajar untuk menyerlahkan baris di mana medan kotak semak telah ditandakan sebagai Benar.

Penyelesaian:

Untuk mencapai ini, anda boleh menggunakan ciri panggil balik rowattr dalam versi 4.3.2 atau lebih tinggi bagi jqGrid. Panggilan balik ini membolehkan anda menyesuaikan atribut baris semasa pengisian grid, membolehkan anda menetapkan kelas CSS yang unik kepada baris yang diserlahkan.

Contoh Kod:

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Verify that the testing condition aligns with your usage
        return { "class": "myAltRowClass" };
    }
}

CSS:

Kelas CSS myAltRowClass harus menentukan latar belakang warna untuk baris yang diserlahkan.

Kod Dipertingkat dengan Templat Lajur:

Untuk mengoptimumkan lagi kod, anda boleh memanfaatkan templat lajur untuk mentakrifkan sifat biasa dan mengurangkan pengulangan. Berikut ialah contoh:

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

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

colModel: [
    // Additional columns...

    { name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate },
    { name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate },
]

Kod dipertingkat ini menggunakan cmTemplate untuk menetapkan sifat kongsi dan myCheckboxTemplate untuk medan kotak semak, menjadikan kod lebih mudah dibaca dan diselenggara.

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