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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

aqiang   2021-03-24 我要评论
想了解yii2使用GridView实现数据全选及批量删除按钮示例的相关内容吗,aqiang在本文为您仔细讲解yii gridview批量的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:yii,gridview批量,yii2,gridview,批量,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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们