Bagaimana untuk Menyerlahkan Baris dalam jqGrid Berdasarkan Nilai Kotak Semak?

Menyerlahkan Baris Berdasarkan Nilai Kotak Pilihan

Dalam jqGrid, anda boleh menyerlahkan baris di mana kotak pilihan tertentu adalah benar, memberikan anda maklum balas visual apabila tertentu syarat dipenuhi. Ini boleh dicapai melalui panggil balik dan penggayaan CSS.

Pelaksanaan:

1. Panggil Balik Rowattr: Gunakan panggilan balik rowattr untuk menetapkan atribut tersuai kepada barisan. Dalam kes anda, anda boleh mentakrifkan kelas CSS untuk baris yang diserlahkan.

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // assuming your checkbox column is named "GroupHeader"
        return {"class": "myAltRowClass"};
    }
}

2. Penggayaan CSS: Tentukan kelas CSS untuk mengawal penampilan baris yang diserlahkan. Sebagai contoh, anda boleh menggunakan yang berikut:

.myAltRowClass {
    background-color: #ffff00;
}

Penyelesaian Alternatif:

Selain panggilan balik rowattr, jqGrid versi 4.3.2 menawarkan ciri baharu yang dipanggil gridview, yang meningkatkan prestasi dan menyediakan cara yang lebih kemas untuk menyerlahkan baris.

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // assuming your checkbox column is named "GroupHeader"
        return {"class": "myAltRowClass"};
    }
}

Templat Lajur:

Untuk menyelaraskan kod anda, pertimbangkan untuk menggunakan templat lajur untuk menentukan sifat sepunya untuk berbilang lajur. Ini memudahkan takrifan lajur anda dan menjadikannya lebih mudah untuk dikekalkan.

cmTemplate: {align: 'center', sortable: false, editable: true, width: 80},
...
colModel: [
    {name: 'TypeID', ...},
    {name: 'Order1', template: myTextareaTemplate},
    // ...
]

Contoh:

#maingrid").jqGrid({
    rowattr: function (rd) {
        if (rd.GroupHeader === "1") { // assuming your checkbox column is named "GroupHeader"
            return {"class": "myAltRowClass"};
        }
    },
    cmTemplate: {align: 'center', sortable: false, editable: true, width: 80},
    colModel: [
        {name: 'TypeID', ...},
        {name: 'Order1', template: myTextareaTemplate},
        // ...
    ]
});

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