Yii2 GridView设置下拉框搜索

说明

将Yii列表页输入搜索框修改成下来输入框

效果:

例如Yii高级模板里的User的列表页,我们需要将status设置成下拉搜索框

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'id',
'username',
'auth_key',
'password_hash',
'password_reset_token',
// 'email:email',
'status',
// 'created_at',
// 'updated_at',

['class' => 'yii\grid\ActionColumn'],
],
]); ?>

只需将'status' 改为以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
[
'attribute' => 'status',
'value' => function ($model) {
$list = $model->getStatusLists();
return array_key_exists($model->status, $list) ?
$list[$model->status] : '';
},
'filter' => \yii\helpers\Html::activeDropDownList(
$searchModel,
'status',
$searchModel->getStatusLists(),
['class' => 'form-control', 'prompt' => '选择状态']
),
'label' => '状态'
],

value 返回显示的结果
filter 返回搜索栏的效果
label 设置显示的表头


在 User 中加入以下方法getStatusLists()

1
2
3
4
5
6
7
public static function getStatusLists()
{
return [
self::STATUS_ACTIVE => '生效',
self::STATUS_DELETED => '禁用',
];
}
坚持原创技术分享,您的支持将鼓励我继续创作!