javascript - 在jqgrid中选择所有复选框的功能

Question

我有一个 jqgrid，第一列有一个复选框（选中所有其他复选框）。我不知道我是怎么做到的。如何在我的 jqgrid 中选择所有其他复选框？

$.getJSON("/Page/Table", function (data) {
        var data = data;
        $('#table').jqGrid({
            datatype: 'local',
            data: dados,
            colNames: ['<input type="checkbox" id="checkAll" onclick="checkBox(event)" />', 'UserName', 'Code', 'Email'],
            colModel: [
                        {
                            name: 'checkbox',
                            width: 50,
                            resizable: true,
                            editable: true,
                            align: 'center',
                            edittype: 'checkbox',
                            formatter: "checkbox",
                            formatoptions: { disabled: false },
                            classes: 'check',
                            editrules: { required: false }, editoptions: { size: 39, value: "True:False" }
                        },
                        { name: 'userName', width: 200, index: 'userName', align: 'left' },
                        { name: 'code', width: 80, index: 'code' },
                        { name: 'Email', width: 150, align: 'left', index: 'Email'}],
            viewrecords: true,
            imgpath: 'jqGrid-3.4.3/themes/coffee/images',
            caption: '',
            rownumbers: true,
            height: 'auto',
            width: 1860,
            scrollOffset: 0
        });

Answer 1

可能最好使用multiselect: true将在网格中创建带有复选框的列的选项？您尝试实现的所有功能似乎都直接在网格中。

Answer 2

将第一个修改colNames为：

colNames: ['<input type="checkbox" id="checkAll" onclick="checkBox(this)" />',

和JS函数是这样的：

function checkBox(obj) {
    $('.check').prop('checked', obj.checked);
}

Answer 3

通过使用 jquery 为复选框使用公共类，我们可以做到

$('.check').attr('checked', true);