jqGrid表头显示全选按钮

要在 jqGrid 表头中添加全选按钮，可以使用以下步骤：

1. 在 jqGrid 的 colModel 属性中添加一个名为 cb 的列，该列的属性设置如下：

{
    name: 'cb',
    width: 25,
    sortable: false,
    align: 'center',
    formatter: function (cellvalue, options, rowObject) {
        return '<input type="checkbox" class="cbSelect" value="' + rowObject.id + '"/>';
    }
}

2. 在 jqGrid 的 gridComplete 事件中添加以下代码，用于实现全选按钮的功能：

gridComplete: function () {
    var $grid = $(this);
    var $cbSelectAll = $('<input type="checkbox" class="cbSelectAll"/>').css({
        margin: '3px 0 0 4px'
    });
    $cbSelectAll.click(function () {
        var checked = $(this).is(':checked');
        $grid.find('.cbSelect').prop('checked', checked);
    });
    $grid.closest('.ui-jqgrid-view').find('.ui-jqgrid-hdiv').prepend($cbSelectAll);
}

上述代码会在表头左侧添加一个全选复选框，并且在点击该复选框时，会将所有行的复选框状态设为与全选框相同。

3. 最后，添加样式来美化全选按钮：

.cbSelectAll {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("jqGrid/css/images/ui-icons_ffffff_256x240.png") no-repeat -128px -128px;
    cursor: pointer;
}
.cbSelect {
    margin: 3px 0 0 4px;
    display: inline-block;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

以上就是在 jqGrid 表头中添加全选按钮的方法。