Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menyerlahkan Baris jqGrid Berdasarkan Nilai Kotak Semak?

Bagaimana untuk Menyerlahkan Baris jqGrid Berdasarkan Nilai Kotak Semak?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-07 19:06:03627semak imbas

How to Highlight jqGrid Rows Based on Checkbox Value?

Menyerlahkan Baris Berdasarkan Nilai Kotak Pilihan

Dalam jqGrid, anda boleh menyerlahkan baris apabila kotak semak yang sepadan ditandakan. Ini boleh dicapai dengan memanfaatkan ciri panggil balik rowattr.

Pelaksanaan

Untuk melaksanakan gelagat ini, gunakan panggilan balik rowattr seperti berikut:

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Verify the condition based on your data
        return {"class": "myAltRowClass"};
    }
}

Penjelasan

Panggil balik rowattr mengambil objek data baris sebagai inputnya dan mengembalikan objek yang mengandungi atribut tambahan untuk digunakan pada baris tertentu itu. Dalam kes ini, kami menyemak sama ada sifat GroupHeader baris adalah sama dengan "1." Jika ya, kami mengembalikan objek yang menetapkan kelas CSS baris kepada "myAltRowClass."

Kelas CSS

Anda mesti mentakrifkan kelas CSS "myAltRowClass" dalam helaian gaya anda untuk menentukan gaya penyerlahan baris yang dikehendaki, seperti warna latar belakang.

Contoh

Kod berikut menunjukkan contoh cara melaksanakan penyelesaian ini:

$("#maingrid").jqGrid({
    // Other grid options...
    rowattr: function (rd) {
        if (rd.GroupHeader === "1") {
            return {"class": "myAltRowClass"};
        }
    }
});

Nota Tambahan

  • Templat Lajur: Anda boleh menggunakan templat lajur untuk memudahkan dan memperkemas definisi colModel anda.
  • gridview: true: Menetapkan gridview: true dalam pilihan grid anda boleh meningkatkan prestasi dan memudahkan pengendalian baris.
  • Sahkan Keserasian: Pastikan penyelesaian itu serasi dengan versi jqGrid khusus anda .

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn