Select2 在过滤器 YII2 后继续加载

Question

感谢您的阅读。我对 select2 - 过滤器 gridview Yii2 有一些问题：

\n\n

当我加载页面时，Yii2 渲染 select2：

\n\n

在此输入图像描述

\n\n

所以它有效，数据已填充，但 select2 继续显示加载图标：

\n\n

在此输入图像描述

\n\n

这是我的代码，在“名称”列中选择2

\n\n

<?=GridView::widget([\n        \'id\'=>\'crud-datatable\',\n        \'dataProvider\' => $dataProvider,\n        \'filterModel\' => $searchModel,\n        \'pjax\'=>true,\n        \'pjaxSettings\' => [\'options\' => [\'enablePushState\' => false]],\n        \'summary\' => \'T\xe1\xbb\xab {begin} \xc4\x91\xe1\xba\xbfn {end}/ T\xe1\xbb\x95ng {totalCount} b\xe1\xba\xa3n ghi\',\n        \'columns\' => array(\n            [\n                \'class\' => \'kartik\\grid\\CheckboxColumn\',\n                \'width\' => \'20px\',\n            ],\n            [\n                \'class\' => \'kartik\\grid\\SerialColumn\',\n                \'width\' => \'30px\',\n            ],\n            [\n                \'class\'=>\'\\kartik\\grid\\DataColumn\',\n                \'attribute\'=>\'name\',\n                \'headerOptions\'=>[\'style\'=>\'text-align:center\'],\n                \'filter\'=>\\kartik\\select2\\Select2::widget([\n                    \'model\' => $searchModel,\n                    \'attribute\' => \'name\',\n                    \'data\' => \\yii\\helpers\\ArrayHelper::map(\\common\\models\\Catnew::find()->all(), \'name\', \'name\'),\n                    \'theme\' => \\kartik\\select2\\Select2::THEME_BOOTSTRAP,\n                    \'hideSearch\' => false,\n                    \'options\' => [\n                        \'placeholder\' => \'Search for name\',\n                    ]\n                ])\n            ],\n            [\n                \'class\'=>\'\\kartik\\grid\\DataColumn\',\n                \'attribute\'=>\'position\',\n            ],\n            [\n                \'class\'=>\'\\kartik\\grid\\DataColumn\',\n                \'attribute\'=>\'active\',\n            ],\n            [\n                \'class\'=>\'\\kartik\\grid\\DataColumn\',\n                \'attribute\'=>\'home\',\n            ],\n            [\n                \'class\'=>\'\\kartik\\grid\\DataColumn\',\n                \'attribute\'=>\'parent\',\n            ],\n            [\n                \'class\' => \'kartik\\grid\\ActionColumn\',\n                \'dropdown\' => false,\n                \'vAlign\'=>\'middle\',\n                \'urlCreator\' => function($action, $model, $key, $index) {\n                    return Url::to([$action,\'id\'=>$key]);\n                },\n                \'viewOptions\'=>[\'role\'=>\'modal-remote\',\'title\'=>\'View\',\'data-toggle\'=>\'tooltip\'],\n                \'updateOptions\'=>[\'role\'=>\'modal-remote\',\'title\'=>\'Update\', \'data-toggle\'=>\'tooltip\'],\n                \'deleteOptions\'=>[\'role\'=>\'modal-remote\',\'title\'=>\'Delete\',\n                    \'data-confirm\'=>false, \'data-method\'=>false,\n                    \'data-request-method\'=>\'post\',\n                    \'data-toggle\'=>\'tooltip\',\n                    \'data-confirm-title\'=>\'Are you sure?\',\n                    \'data-confirm-message\'=>\'Are you sure want to delete this item\'],\n            ],\n\n        ),\n        \'toolbar\'=> [\n            [\'content\'=>\n                Html::a(\'<i class="glyphicon glyphicon-plus"></i>\', [\'create\'],\n                [\'role\'=>\'modal-remote\',\'title\'=> \'Create new Catnews\',\'class\'=>\'btn btn-default\']).\n                Html::a(\'<i class="glyphicon glyphicon-repeat"></i>\', [\'\'],\n                [\'data-pjax\'=>1, \'class\'=>\'btn btn-default\', \'title\'=>\'Reset Grid\']).\n                \'{toggleData}\'.\n                \'{export}\'\n            ],\n        ],          \n        \'striped\' => true,\n        \'condensed\' => true,\n        \'responsive\' => true,          \n        \'panel\' => [\n            \'type\' => \'primary\', \n            \'heading\' => \'<i class="glyphicon glyphicon-list"></i> Catnews listing\',\n            \'before\'=>\'<em>* Resize table columns just like a spreadsheet by dragging the column edges.</em>\',\n            \'after\'=>BulkButtonWidget::widget([\n                        \'buttons\'=>Html::a(\'<i class="glyphicon glyphicon-trash"></i>&nbsp; Delete All\',\n                            ["bulkdelete"] ,\n                            [\n                                "class"=>"btn btn-danger btn-xs",\n                                \'role\'=>\'modal-remote-bulk\',\n                                \'data-confirm\'=>false, \'data-method\'=>false,\n                                \'data-request-method\'=>\'post\',\n                                \'data-confirm-title\'=>\'Are you sure?\',\n                                \'data-confirm-message\'=>\'Are you sure want to delete this item\'\n                            ]),\n                    ]).                        \n                    \'<div class="clearfix"></div>\',\n        ]\n    ])?>\n

\n\n

希望你的帮助:)

\n

Answer 1

尝试这个：

 [
    'attribute' => 'name',
    'value' => \yii\helpers\ArrayHelper::map(\common\models\Catnew::find()->all(), 'name', 'name'), 
    'filterType' => GridView::FILTER_SELECT2,
    'filter' =>\yii\helpers\ArrayHelper::map(\common\models\Catnew::find()->all(), 'name', 'name'),
    'filterWidgetOptions' => [
        'pluginOptions' => ['allowClear' => true],
    ],
    'filterInputOptions' => ['placeholder' => '...'],
    'format' => 'raw'
 ],