使用GridView实现数据全选及批量删除按钮 - 教程

aqiang 2017-02-20 12:49:04 7779次浏览 3条评论 10 3 0

先来看实现的效果

关键代码如下：

    <?= GridView::widget([
      'dataProvider' => $dataProvider,
      'showFooter' => true,  //设置显示最下面的footer
       'id' => 'grid',
       'columns' => [
         [
           'class'=>CheckboxColumn::className(),
           'name'=>'id',
           'headerOptions' => ['width'=>'30'],
           'footer' => '<button href="#" 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

觉得很赞

逗你玩评论于 2017-02-21 18:18 举报

没想到这么简单，洋文不好真吃亏

共 2 条回复

aqiang 评论于 2017-02-22 22:27 回复

简单又实用，API多看看就行了

逗你玩评论于 2017-02-26 13:15 回复

@aqiang 如果想用ajax调用 ajax展示该怎么写

回复 0 0

aqiang 评论于 2017-02-26 18:28 举报

@逗你玩可以参考一下

<?php
$script = <<< js
    $(".btn-delete").on("click", function(){
        var ids = $("#grid").yiiGridView("getSelectedRows");
        var self = $(this);
        if(ids.length == 0) return false;
        $.ajax({
           url:self.attr("url"),
           type:"post",
           data:{id:ids},
           success:function(res){
           
           }
        });
    });
js;

$this->registerJs($script);

tansuo 评论于 2017-02-28 08:29 举报

大神能有这个完整的代码吗求共享

回复 0 0

您需要登录后才可以评论。登录 | 立即注册

CEO

aqiang

注册时间：2011-03-07
最后登录：2021-02-25
在线时长：56小时28分

粉丝9
金钱11045
威望20
积分11805

使用GridView实现数据全选及批量删除按钮 [ 2.0 版本 ]

共 3 条评论

发表评论

aqiang

热门教程