列表 根据条件显示列
<?=
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'
]);
},
],
],
],
],
]);
?>
