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

先来看实现的效果

D8F9F1BF-ECD7-45FF-9F67-03E081ECA7B9.png

关键代码如下:

    <?= 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 条回复
    评论于 2017-02-22 22:27 回复

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

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

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

  • 评论于 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);
    
  • 评论于 2017-02-28 08:29 举报

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

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