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
Lepaskan: 2024-11-07 19:06:03
asal
615 orang telah melayarinya

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"};
    }
}
Salin selepas log masuk

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"};
        }
    }
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan