yii2使用GridView实现数据全选及批量删除按钮示例

框架(架构)  /  管理员 发布于 7年前   162

整理文档，发现一个用GridView实现数据全选及批量删除按钮示例，稍微整理精简一下做下分享。

先来看实现的效果

关键代码如下：

   $dataProvider,   'showFooter' => true, //设置显示最下面的footer    'id' => 'grid',    'columns' => [     [      'class'=>CheckboxColumn::className(),      'name'=>'id',      'headerOptions' => ['width'=>'30'],      'footer' => '删除',      'footerOptions' => ['colspan' => 5],     ],     ['attribute' => 'id', 'footerOptions' => ['class'=>'hide']], //其他列每个都要增加footerOptions项，设置class为hide，到达隐藏效果；     ['attribute' => 'username', 'footerOptions' => ['class'=>'hide']],     [      'attribute' => 'status',      'value' => function($model){       if ($model->status == Admin::STATUS_ACTIVE){        return '启用';       }       return '禁用';      },      'footerOptions' => ['class'=>'hide']     ],     ['class' => 'yii\grid\ActionColumn', 'header' => '管理操作', 'footerOptions' => ['class'=>'hide']],    ],   'layout' => "{items}\n{pager}"  ]); ?>

最后已选数据的获取：

var ids = $("#grid").yiiGridView("getSelectedRows");

获取数据后就可以ajax提交到想要的controller

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• Yii2 批量插入、更新数据实例
• YII框架批量插入数据的方法
• Yii框架批量插入数据扩展类的简单实现方法
• Yii2如何批量添加数据
• 浅析Yii2 gridview实现批量删除教程
• Yii实现复选框批量操作实例代码
• JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库（在yii框架中操作）的代码分享
• Yii中CGridView实现批量删除的方法
• Yii2.0实现的批量更新及批量插入功能示例