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

不言
发布: 2023-04-01 11:40:01
原创
2433 人浏览过

本篇文章主要介绍了yii2使用GridView实现数据全选及批量删除按钮示例,具有一定的参考价值,有兴趣的可以了解一下。

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

先来看实现的效果

关键代码如下:

  <?= GridView::widget([
   &#39;dataProvider&#39; => $dataProvider,
   &#39;showFooter&#39; => true, //设置显示最下面的footer
    &#39;id&#39; => &#39;grid&#39;,
    &#39;columns&#39; => [
     [
      &#39;class&#39;=>CheckboxColumn::className(),
      &#39;name&#39;=>&#39;id&#39;,
      &#39;headerOptions&#39; => [&#39;width&#39;=>&#39;30&#39;],
      &#39;footer&#39; => &#39;<button href="#" rel="external nofollow" class="btn btn-default btn-xs btn-delete" url="&#39;. Url::toRoute(&#39;admin/delete&#39;) .&#39;">删除</button>&#39;,
      &#39;footerOptions&#39; => [&#39;colspan&#39; => 5],
     ],
     [&#39;attribute&#39; => &#39;id&#39;, &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]], //其他列每个都要增加footerOptions项,设置class为hide,到达隐藏效果;
     [&#39;attribute&#39; => &#39;username&#39;, &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]],
     [
      &#39;attribute&#39; => &#39;status&#39;,
      &#39;value&#39; => function($model){
       if ($model->status == Admin::STATUS_ACTIVE){
        return &#39;启用&#39;;
       }
       return &#39;禁用&#39;;
      },
      &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]
     ],
     [&#39;class&#39; => &#39;yii\grid\ActionColumn&#39;, &#39;header&#39; => &#39;管理操作&#39;, &#39;footerOptions&#39; => [&#39;class&#39;=>&#39;hide&#39;]],
    ],
   &#39;layout&#39; => "{items}\n{pager}"
  ]); ?>
登录后复制

最后已选数据的获取:

var ids = $("#grid").yiiGridView("getSelectedRows");
登录后复制

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

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

yii2实现分页和带搜索的分页功能

关于YII框架中搜索分页jQuery写法

以上是yii2使用GridView实现数据全选及批量删除的按钮的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!