Yii2：Gridview 过滤器中的 kartik\\Select2 下拉列表

Question

I want to change the inbuilt search box filter in a Gridview with a Select2 button (dropdown button which allows the user to write the option manually). I use two merged tables and wp_id is a column in both tables, and user_id is a column in the Accounts model. With the code used here, I see on my Grid a simple text input the default one.

<?php echo GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            [
                'attribute' => 'wp_id',
                'value' => 'accounts.user_id',
                'filter' => $form->field($searchModel, 'wp_id')
                    ->widget(
                        Select2::className(),
                        [
                            'data' => ArrayHelper::map(Accounts::find()->all(), 'wp_id', 'user_id'),
                            'options' => ['placeholder' => ' --Filter by user id-- '],
                            'language' => 'en',
                            'pluginOptions' => [
                                'allowClear' => true,
                            ],
                        ]),
            ],
        ],
]
) ?>

What am i missing here?

Answer 1

Because there isn't any $form here that you are trying to use, you should initialize the select2 directly using the widget and specify the attribute and model properties of the select2 widget.

See below how your code should look like.

<?php

    echo GridView::widget(
        [
            'dataProvider' => $dataProvider,
            'filterModel' => $searchModel,
            'columns' => [
                [
                    'attribute' => 'wp_id',
                    'value' => 'accounts.user_id',
                    'filter' => Select2::widget(
                        [
                            'model' => $searchModel,
                            'attribute' => 'wp_id',
                            'data' => ArrayHelper::map(Accounts::find()->all(), 'wp_id', 'user_id'),
                            'options' => ['placeholder' => ' --Filter by user id-- '],
                            'language' => 'en',
                            'pluginOptions' => [
                                'allowClear' => true,
                            ],
                        ]
                    ),
                ],
            ],
        ]
);