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

2024-04-06 08:46:47

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

yii2-GridView在开发中常用的功能及技巧总结

数据网格或者说 GridView 小部件是Yii中最强大的部件之一.它有一个属性名叫 dataProvider ,这个属性能够提供一个数据提供者的示例并且可以显示所提供的数据,即使用 yii\grid\GridView::columns 属性的一组列配置,在一个表格中渲染每一行数据. 例如, use yii\helpers\Html; use yii\grid\GridView; <?= GridView::widget([ 'dataProvider' => $dataProvider, '
yii2使用gridView实现下拉列表筛选数据

本文实例为大家分享了yii2 gridView下拉列表筛选数据的具体代码,供大家参考,具体内容如下 view: 'columns' => [ ['class' => 'yii\grid\SerialColumn'], 'id', [ 'attribute' => 'category_id', 'label'=>'类型', 'value'=> function($model){ return $model->getCategoryName(); //值 }, 'filte
浅析Yii2中GridView常见操作

本文是小编给大家收集整理些有关网络上GridView出现的大部分问题,本文做一个总结特此分享到我们平台供大家参考. 如果下面有没说到的GridView常见问题,下方留言,我会进行补充. 下拉搜索日期格式化并实现日期可搜索根据参数进行是否显示链接可点击跳转显示图片 html渲染自定义按钮设定宽度等样式自定义字段自定义行样式增加按钮调用js操作 yii2 GridView 下拉搜索实现案例教程 yii2 GridView 日期格式化并实现日期可搜索案例是否显示某列案例我们举一
yii2.0之GridView自定义按钮和链接用法

本文实例讲述了yii2.0之GridView自定义按钮和链接用法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: <?= GridView::widget([ 'dataProvider' => $dataProvider, //'filterModel' => $searchModel, 'columns' => [ ['class' => 'yii\grid\SerialColumn'
Yii2-GridView 中让关联字段带搜索和排序功能示例

情境要求: 要在订单(Order)视图的gridview中显示出客户(Customer)姓名,并使其具有与其它字段相同的排序和搜索功能. 数据库结构订单表order含有字段customer_id 与客户表customer的id字段关联首先确保在Order Model中包含以下代码: public function getCustomer() { return $this->hasOne(Customer::className(), ['id' => 'customer_id']); }
浅析Yii2 GridView 日期格式化并实现日期可搜索教程

先给大家展示下日期格式化效果图,如果大家满意请继续往下阅读: 这个我们分情况讨论 1.如果你的数据库字段created_at存的时间格式是date或者datetime,那很简单,gridview中直接输出该字段created_at即可,如上图中右侧所示 2.如果数据库存入的时间戳类型,如上图中左侧所示,则需要像下面这样进行输出 [ 'attribute' => 'created_at', 'value' => function ($model) { return date('Y-m-d H:i
浅析Yii2 gridview实现批量删除教程

在朋友圈里有童鞋向我讨论GridView的问题,有朋友说你用gridview给我去掉表头的链接?我想的很久,用gridview确实不容易实现.有不同见解的朋友欢迎留言.但是呢,这根gridview有个毛线关联啊,明明是要设置ActiveDataProvider,你要我怎么用gridview实现嘛. 这个问题也是很简单的,我们来看看具体实现 $dataProvider = new ActiveDataProvider([ 'query' => $query, ]); $dataProvider->
Yii2 GridView实现列表页直接修改数据的方法

什么意思呢?我来简单的描述下,小编妹子提的需求是这样的,你看啊,你这列表页的数据,能不能我就直接在列表上进行点一下就直接修改啊,我再点进去修改多麻烦,太不方便了.这尼玛,这需求,是不是真想给她一棒槌. ok,我们今天就来看看在yii2中如何去利用gridview实现列表上直接修改的功能,很全面哦,我们尽量各种类型的属性都给出实例. 第一步,我们先来部署好yii2-grid 利用composer安装yii2-grid composer require kartik-v/yii2-grid "@de
yii2中结合gridview如何使用modal弹窗实例代码详解

在上篇文章给大家介绍了Yii2中如何使用modal弹窗(基本使用),即以创建为例. 实际开发中,我们往往还会遇到列表页数据修改要使用modal的情况,如果是一般的循环展示,相信大多数人看了modal的基本使用都会操作,但是结合gridview估计有些人就开始吃不消了,我们看看如何解决这个问题! 1.gridview的操作增加[更新]按钮,并指定data-toggle data-target class以及data-id的值 [ 'class' => 'yii\grid\ActionColumn'
浅析Yii2 GridView实现下拉搜索教程

废话不多说了,先给大家展示下效果图,如果大家还很满意请继续往下阅读: 具体怎么实现喃?考虑到一张数据表要下拉效果的字段可能有很多个,我们先在其model中实现一个方法方便后续操作 /** * 下拉筛选 * @column string 字段 * @value mix 字段对应的值,不指定则返回字段数组 * @return mix 返回某个值或者数组 */ public static function dropDown ($column, $value = null) { $dropDownLis

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

相关推荐

随机推荐