yii 全选 php,yii2中gridview使用技巧小结(四）——全选等批量操作

对于 Yii 和 Yii2 中的 GridView 控件，实现全选和批量操作非常简单。下面是一些技巧和小结：

1. 实现全选

在 GridView 的头部添加一个复选框即可实现全选功能。代码如下：

<?= $form->field($searchModel, 'id')->checkbox(['class' => 'select-on-check-all']) ?>

其中，`select-on-check-all` 是一个自定义的 CSS 类，用于绑定全选的事件。在 JavaScript 文件中，可以这样实现：

$('.select-on-check-all').on('click', function() {
    $('input[type="checkbox"]').prop('checked', this.checked);
});

2. 批量操作

要实现批量操作，我们需要先将选中的项的 ID 收集起来，然后将它们一起传递给后端进行处理。代码如下：

<?= Html::a(Yii::t('app', 'Delete selected'), ['bulk-delete'], [
    'class' => 'btn btn-danger',
    'data' => [
        'confirm' => Yii::t('app', 'Are you sure you want to delete these items?'),
        'method' => 'post',
    ],
]) ?>

在这个例子中，我们创建了一个按钮，当用户点击它时，将调用 `bulk-delete` 动作进行批量删除。在 JavaScript 文件中，可以这样实现：

$('a[data-confirm]').on('click', function() {
    var ids = $('input[type="checkbox"]:checked').map(function() {
        return $(this).val();
    }).get();

    if (ids.length > 0) {
        var message = $(this).data('confirm');
        if (!confirm(message)) {
            return false;
        }

        $('<input>').attr({
            type: 'hidden',
            name: 'ids',
            value: ids.join(',')
        }).appendTo($(this).closest('form'));
    }
});

这段代码会在用户点击批量操作按钮时，收集选中的项的 ID 并将它们作为一个名为 `ids` 的表单字段提交给后端。在后端，我们可以通过 `Yii::$app->request->post('ids')` 获取这个值。

以上就是 Yii 和 Yii2 中 GridView 的全选和批量操作的实现方法。希望对你有所帮助！