Question

我有一个jqgrid，第一列我有一个复选框（checkAll others复选框）。我不知道我是怎么做到的。我如何在我的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

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

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

Answer 3

将第一个colNames修改为：

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

和 JS 的功能如下：

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

用于选择jqgrid中所有复选框的功能

3 个答案: