yii2 批量删除

在yii中，是使用widget::GridView小部件做列表的，如果要使用checkbox，自己写估计要费一番周折，好在yii提供了CheckboxColumn， 这个类为我们提供了checkbox，我们可以直接使用。

'columns' => [
            [
                'class' => 'yii\grid\CheckboxColumn',
            ],

]

这样第一列的编号就显示为checkbox了

下面是添加批量删除按钮

我们可以使用table-footer，使用方法是

'showFooter'=>true,

'columns' => [
            [
                'class' => 'yii\grid\CheckboxColumn',
                
                'footer' => '<button data-control="news" onClick="delete_all(this)">'.Yii::t('common', 'delete_all').'</button>',
                'footerOptions' => ['colspan' => 3, 'class'=>'control'],
            ],

]

这样底部都会增加一行。

在使用colspan会出现问题， 因为GridView已经为我们生成了td，所以即使加上colspan，td个数还是不会减少，不过还好，网上有大神给出了解决方法，就是在某列下添加：

'footerOptions' => ['class'=>'hide'],

使用这个方法根据自己的表格和colspan选择隐藏多少列

<?= GridView::widget([        'dataProvider' => $dataProvider,        'showFooter'=>true,        'id' => 'grid_list',        'columns' => [            [                'class' => 'yii\grid\CheckboxColumn',                                'footer' => '<button data-control="news" onClick="delete_all(this)">'.Yii::t('common', 'delete_all').'</button>',                'footerOptions' => ['colspan' => 3, 'class'=>'control'],            ],            'id',            'c.category',            'title',            //'content:ntext',            //'image',            // 'keywords',            // 'description',            [                'attribute' => 'create_time',                'format' => ['date', 'Y-m-d'],                'footerOptions' => ['class'=>'hide'],            ],            // 'update_time:datetime',            [                'attribute' => 'status',                'value' => function ($model) {                    return $model->getStatus($model->status);                },                'footerOptions' => ['class'=>'hide'],            ],            // 'out_link',             'sort',             'click',            // 'lang',            [                'class' => 'yii\grid\ActionColumn',                'template' => '{update} {delete}',            ],        ],    ]); ?>

接下来是点击按钮批量删除

在上面的footer中我使用了onClick="delete_all(obj)"

对应的js：

function delete_all(obj){    var control = $(obj).attr('data-control');    var ids = $("#grid_list").yiiGridView("getSelectedRows");    var ids_str = ids.join(",");    if(confirm('确认删除么？')){        $.ajax({           type: "POST",           url: "/admin/index.php?r="+control+"%2Fajax-deleteall",           data: "ids_str="+ids_str,           dataType: 'json',           success: function(msg){             window.location.reload();           }        });    }    }

control是因为我有几个地方使用到了批量删除，这里已news为例，在NewsController中添加action： actionAjaxDeleteall

/*    * 批量删除    */      public function actionAjaxDeleteall(){        $model = new News();        $condigtion = '';        $ids_str = '';        $ids_str = Yii::$app->request->post('ids_str');        if(!empty($ids_str)){            $condition = 'id in('.$ids_str.')';            $lists = $model->find()->where($condition)->all();            foreach ($lists as $key => $val) {                //删除旧文件                if(!empty($val['image'])){                    @unlink(Yii::getAlias('@mywebroot') . '/' . $val['image']);                }            }            $model->deleteAll($condition);        }        echo json_encode("ok");    }