yii2 GridView 使用

最新推荐文章于 2025-03-10 20:10:22 发布

zsy16111

最新推荐文章于 2025-03-10 20:10:22 发布

阅读量2.9k

点赞数

分类专栏： php 前端文章标签： yii2

本文链接：https://blog.youkuaiyun.com/zsy16111/article/details/125517861

版权

php 同时被 2 个专栏收录

16 篇文章

订阅专栏

前端

7 篇文章

订阅专栏

本文介绍了如何在Yii2框架中配置GridView，包括数据提供、分页样式、列定义、内容格式化、链接操作和自定义按钮等。通过示例代码展示了如何实现表格的展示、搜索、图片显示、HTML渲染及操作列等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?= 
GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    //分页样式
    'pager' => [
        //'options'=>['class'=>'hidden']//关闭分页
        'firstPageLabel'=>"First",
	'prevPageLabel'=>'Prev',
	'nextPageLabel'=>'Next',
	'lastPageLabel'=>'Last',
    ],
    //重新定义分页样式
    'tableOptions' => [
        'style' => '',
        'class' => 'table table-hover rf-table',
        'fixedNumber' => 2, // 固定前几列
        'fixedRightNumber' => 1, // 固定最后几列
    ],
    'options' => [
        'class' => 'grid-view',//固有的默认值
        'id' => 'xxxx',//自己指定id，默认是'w0'，
    ],
    'columns' => [
       //td标签的属性配置
       [
            'attribute' => 'name',
            'contentOptions' => [
                'class' => '',
                'style' => '',
            ],
        ],
       //是否显示某列
        [
            'attribute' => 'name',
            'value' => $model->name,
            'visible' => intval(Yii::$app->request->get('type')) == 1,//是否显示
        ],
        //搜索显示
        [
            'attribute' => 'name',
            'filter' => false, //不显示搜索框
        ],
        //链接跳转
        [
            'attribute' => 'order_id',
            'value' => function ($model) {
                return Html::a($model->order_id, "/order?id={$model->order_id}", ['target' => '_blank']);
            'format' => 'raw',
        ],
        //图片显示
        [
            'label' => '头像',
            'format' =>
             [
                 'image', 
        	  [
        	       'width'=>'84',
        		'height'=>'84'
        	  ]
              ],
              'value' => function ($model) { 
        		return $model->image; 
        	}
          ]
            //html渲染
            [
                'attribute' => 'title',
                'value' => function ($model) { 
                	return Html::encode($model->title); 
                	},
                'format' => 'raw',
            ],
            //设定宽度
            [
                'attribute' => 'title',
                'value' => 'title',
                'headerOptions' => ['width' => '100'],
            ],
            //自定义字段
            [
                'attribute' => '消费金额',
                'value' => function ($model) {
                    // 这里可以根据该表的其他字段进行关联获取
                    return $model->money;
                }
            ],

            //按钮
            [
                'class' => 'yii\grid\ActionColumn',
                'template' => '{get} {status} {edit}',
                'header' => '操作',
                'headerOptions' => ['width' => '240'],
                'buttons' => [                        
                        //自定义按钮
                	'get' => function ($url, $model, $key) { 
                	 	return Html::a('获取xxx', $url, ['title' => '获取xxx'] ); 
                	 },
                         //js按钮
                         'status' => function ($url, $model, $key) {
        	                return Html::a('更新状态', 'javascript:;', ['onclick'=>'update_status(this, '.$model->id.');']); 
                         },
                         //弹窗
                         'edit' => function ($url, $model, $key) {
                                return Html::linkButton(['edit', 'user_id'=> $model['user_id']], Util::f('编辑'), [
                                    'data-toggle' => 'modal',
                                    'data-target' => '#ajaxModal', //弹窗js 后台renderAjax
                                    'class' =>'btn btn-primary btn-sm'
                            ]);
                        },
                    ],
                ],
            ],
       ],
]); 
?>