Bagaimana untuk Menyerlahkan Baris dalam JqGrid Berdasarkan Status Kotak Semak?

Serlahkan Baris Apabila Kotak Semak Benar

Dalam projek jqGrid anda, anda bertujuan untuk menyerlahkan baris berdasarkan status kotak pilihan.

Panggil Balik Rowattr

Versi 4.3.2 jqGrid memperkenalkan panggilan balik rowattr, yang membolehkan anda menambah atribut tersuai pada baris semasa proses pengisian grid. Ini ialah pendekatan yang sesuai untuk penyerlahan baris.

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

Kelas CSS untuk Penyerlahan

Tentukan kelas CSS myAltRowClass yang menetapkan warna latar belakang untuk baris yang diserlahkan.

Berbilang pilih dan paparan grid

Untuk penyerlahan baris tanpa pemilihan baris, tinggalkan pilihan berbilang: benar. Untuk meningkatkan prestasi, dayakan gridview: true.

Penggunaan Templat Lajur

Untuk menyelaraskan kod anda, anda boleh menggunakan templat lajur:

cmTemplate

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

Templat Tersuai

Buat templat tersuai untuk sifat yang biasa digunakan:

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

var myTextareaTemplate = {
    edittype: "textarea",
    editoptions: {size: "30", maxlength: "30"}
};

ColModel yang dioptimumkan

colModel: [
    {name: 'TypeID', index: 'TypeID', width: 350, hidden: true, edittype: "select",
        editoptions: {value: getTypeID()}, editrules: { edithidden: true}},
    {name: 'Order1', index: 'Order1', template: myTextareaTemplate},
    {name: 'Order2', index: 'Order2', template: myTextareaTemplate},
    {name: 'Order3', index: 'Order3', template: myTextareaTemplate},
    {name: 'Description', index: 'Description', width: 140, template: myTextareaTemplate},
    {name: 'Notes', index: 'Notes', width: 120, template: myTextareaTemplate},
    {name: 'Measure', index: 'Measure', template: myTextareaTemplate},
    {name: 'UnitPrice', index: 'UnitPrice', width: 100, editable: false, template: myTextareaTemplate},
    {name: 'Remarks', index: 'Remarks', width: 140, template: myTextareaTemplate},
    {name: 'UnitCost', index: 'UnitCost', width: 100, template: myTextareaTemplate},
    {name: 'Service', index: 'Service', width: 120, template: myTextareaTemplate},
    //If the GroupHeader is true the row background is yellow
    {name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate},
    {name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate}
],
cmTemplate: {align: 'center', sortable: false, editable: true, width: 80}

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