yii2 GirdView详解(一)

墨蓝 2022-09-30 00:46 165阅读 0赞

一、表格列
    表格的列是通过 GridView 配置项中的 yii\grid\GridView::columns 属性配置的.
    <?php
    use yii\grid\GridView;
    echo GridView::widget([
        'dataProvider' => $dataProvider,
    
        //表格列值搜索功能，注意一定要配合attribute才会显示
        //$searchModel = new ArticleSearch();
        'filterModel' => $searchModel,
    
        //重新定义分页样式
        'layout'=> '{items}<div class="text-right tooltip-demo">{pager}</div>',
        'pager'=>[
            //'options'=>['class'=>'hidden']//关闭分页
            'firstPageLabel'=>"First",
            'prevPageLabel'=>'Prev',
            'nextPageLabel'=>'Next',
            'lastPageLabel'=>'Last',
         ]
    
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],//序列号从1自增长
    
            // 数据提供者中所含数据所定义的简单的列
            // 使用的是模型的列的数据
            'id',
            'username',
    
            // 更复杂的列数据
            [
                'class' => 'yii\grid\DataColumn', //由于是默认类型，可以省略 
                'value' => function ($data) {
                    return $data->name; 
                    // 如果是数组数据则为 $data['name'] ，
                    例如，使用 SqlDataProvider 的情形。
                },
            ],
    
            ['label'=>'标题','value' => 'title'],
    
            ['label'=>'文章内容','format' => 'html','value' => 'content'],
    
            [
                'label'=>'文章类别',  
                /*'attribute' => 'cid',产生一个a标签,点击可排序*/  
                'value' => 'cate.cname' //关联表
            ],
    
            [
               //动作列yii\grid\ActionColumn 
               //用于显示一些动作按钮，如每一行的更新、删除操作。
              'class' => 'yii\grid\ActionColumn',
              'header' => '操作', 
              'template' => '{delete} {update}',//只需要展示删除和更新
              'headerOptions' => ['width' => '240'],
              'buttons' => [
                'delete' => function($url, $model, $key){
                   return Html::a('<i class="fa fa-ban"></i> 删除',
                        ['del', 'id' => $key], 
                        [
                         'class' => 'btn btn-default btn-xs',
                         'data' => ['confirm' => '你确定要删除文章吗？',]
                        ]
                   );
                 },                     
               ],
             ],
    
        ],
    ]);
    ?>