网站建设资讯

NEWS

网站建设资讯

yii2怎么使用GridView实现数据全选及批量删除按钮-创新互联

这篇文章主要介绍了yii2怎么使用GridView实现数据全选及批量删除按钮,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联公司专注于企业营销型网站、网站重做改版、城东网站定制设计、自适应品牌网站建设、HTML5建站商城网站定制开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为城东等各大城市提供网站开发制作服务。

先来看实现的效果

yii2怎么使用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怎么使用GridView实现数据全选及批量删除按钮”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享名称:yii2怎么使用GridView实现数据全选及批量删除按钮-创新互联
URL网址:http://cdweb.net/article/dodsej.html