在网格视图yii2的复选框列中选择所有页面的所有记录

Question

我想知道在yii2 gridview复选框列中是否有任何内置选项可以一次选择/取消选择所有行。

例如，如果我在一个网格视图中有500条记录，并且一次显示100条记录，那么我一次只能选择100条记录并执行任何批量操作。

我希望用户能够一次选择所有500条记录，并立即与这些记录进行任何批量操作。希望你们都明白我的问题

我在github上向yii框架的拥有者提出了一个建议，他们已经确认他们很快就会做这个增强，并将这个问题放在增强部分，所以希望他们很快就会把它包括进来，但在那之前，请指导我以任何替代的方式实现这一点。

谢谢

Answer 1

可以，您可以使用。只需将以下行添加到GridView的列数组中：

[
     'class' => 'yii\grid\CheckboxColumn',
     'name' => 'id'
],

作为Yii2's官方文档：

CheckboxColumn checkboxes

在网格视图中显示的一列。要将CheckboxColumn添加到yii\grid\GridView，请将其添加到列配置中，如下所示：

'columns' => [
// ...
    [
        'class' => 'yii\grid\CheckboxColumn',
        // you may configure additional properties here
    ],
]

用户可以单击checkboxes来选择网格的行。可以通过调用以下JavaScript代码来获取选中的行：

var keys = $('#grid').yiiGridView('getSelectedRows');
// keys is an array consisting of the keys associated with the selected rows

Answer 2

在使用分页时，您必须通过执行post请求来“保存”每个分页上的选定网格项(序列化表单并执行ajax请求)。然后使用提交的id在你的页面上有一些预先选择的部分。

在这个预选部分中，使用预先选择的id(不在当前网格页面上)和一个简单的文本来指示项目(名称等)，将一些复选框(复选框组)呈现到页面上。

因此，在当前的网格页面上，您可以使用网格复选框来选择项目，当您分页时，这些“选定的”复选框将呈现在这个预选部分中。

使用此选项，您可以选择多个页面上的项目，也可以取消选择不在页面上的项目。

在你的“操作”中，你只需要将两个复选框组组合起来就可以得到所有选中的项目。

对于提到的here，yii1也有类似的东西

还有一个yii1扩展可以做到这一点，here，也许你会在yii2中复制代码，或者找到一些类似的扩展。

Answer 3

默认情况下，这是不可能的(还没有)。但您可以保存密钥以备以后使用。这是基本的想法，我希望它能给你一个开始。

<script type="text/javascript">
$(document).ready(function (){
    var selectedItems = [];

    $('#delete_selected_items_btn').click(function (){
        selectedItems = selectedItems.concat($('.grid-view').yiiGridView('getSelectedRows'));
        // select all rows on page 1, go to page 2 and select all rows.
        // All rows on page 1 and 2 will be selected.
        console.log(selectedItems); 
    })
})
</script>

我的假设是您正在使用Pjax作为网格视图。