yii2使用GridView实现数据全选及批量删除按钮示例
作者:aqiang
本篇文章主要介绍了yii2使用GridView实现数据全选及批量删除按钮示例,具有一定的参考价值,有兴趣的可以了解一下。
整理文档,发现一个用GridView实现数据全选及批量删除按钮示例,稍微整理精简一下做下分享。
先来看实现的效果
关键代码如下:
<?= GridView::widget([ 'dataProvider' => $dataProvider, 'showFooter' => true, //设置显示最下面的footer 'id' => 'grid', 'columns' => [ [ 'class'=>CheckboxColumn::className(), 'name'=>'id', 'headerOptions' => ['width'=>'30'], 'footer' => '<button href="#" rel="external nofollow" class="btn btn-default btn-xs btn-delete" url="'. Url::toRoute('admin/delete') .'">删除</button>', '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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
- 浅析Yii2中GridView常见操作
- yii2.0之GridView自定义按钮和链接用法
- Yii2 GridView实现列表页直接修改数据的方法
- 浅析Yii2 gridview实现批量删除教程
- 浅析Yii2 GridView实现下拉搜索教程
- 浅析Yii2 GridView 日期格式化并实现日期可搜索教程
- yii2中结合gridview如何使用modal弹窗实例代码详解
- yii2使用gridView实现下拉列表筛选数据
- Yii2.0小部件GridView(两表联查/搜索/分页)功能的实现代码
- yii2-GridView在开发中常用的功能及技巧总结
- YII2框架中ActiveDataProvider与GridView的配合使用操作示例