当前位置: 移动技术网 > IT编程>开发语言>PHP > yii2使用GridView实现数据全选及批量删除按钮示例

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

入学自我介绍,毕夏老公,快活谷广场

整理文档,发现一个用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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网