Select2在過濾器後繼續加載YII2

Question

感謝您的閱讀。我有一些問題，選擇2 - 過濾GridView的Yii2：

Yii2渲染選擇2當我加載頁面：

enter image description here

所以它的工作，數據填充，但選擇2保持顯示加載圖標：

enter image description here

這裏是我的代碼，選擇2列 「名稱」

<?=GridView::widget([ 
     'id'=>'crud-datatable', 
     'dataProvider' => $dataProvider, 
     'filterModel' => $searchModel, 
     'pjax'=>true, 
     'pjaxSettings' => ['options' => ['enablePushState' => false]], 
     'summary' => 'Từ {begin} đến {end}/ Tổng {totalCount} bản ghi', 
     'columns' => array(
      [ 
       'class' => 'kartik\grid\CheckboxColumn', 
       'width' => '20px', 
      ], 
      [ 
       'class' => 'kartik\grid\SerialColumn', 
       'width' => '30px', 
      ], 
      [ 
       'class'=>'\kartik\grid\DataColumn', 
       'attribute'=>'name', 
       'headerOptions'=>['style'=>'text-align:center'], 
       'filter'=>\kartik\select2\Select2::widget([ 
        'model' => $searchModel, 
        'attribute' => 'name', 
        'data' => \yii\helpers\ArrayHelper::map(\common\models\Catnew::find()->all(), 'name', 'name'), 
        'theme' => \kartik\select2\Select2::THEME_BOOTSTRAP, 
        'hideSearch' => false, 
        'options' => [ 
         'placeholder' => 'Search for name', 
        ] 
       ]) 
      ], 
      [ 
       'class'=>'\kartik\grid\DataColumn', 
       'attribute'=>'position', 
      ], 
      [ 
       'class'=>'\kartik\grid\DataColumn', 
       'attribute'=>'active', 
      ], 
      [ 
       'class'=>'\kartik\grid\DataColumn', 
       'attribute'=>'home', 
      ], 
      [ 
       'class'=>'\kartik\grid\DataColumn', 
       'attribute'=>'parent', 
      ], 
      [ 
       'class' => 'kartik\grid\ActionColumn', 
       'dropdown' => false, 
       'vAlign'=>'middle', 
       'urlCreator' => function($action, $model, $key, $index) { 
        return Url::to([$action,'id'=>$key]); 
       }, 
       'viewOptions'=>['role'=>'modal-remote','title'=>'View','data-toggle'=>'tooltip'], 
       'updateOptions'=>['role'=>'modal-remote','title'=>'Update', 'data-toggle'=>'tooltip'], 
       'deleteOptions'=>['role'=>'modal-remote','title'=>'Delete', 
        'data-confirm'=>false, 'data-method'=>false, 
        'data-request-method'=>'post', 
        'data-toggle'=>'tooltip', 
        'data-confirm-title'=>'Are you sure?', 
        'data-confirm-message'=>'Are you sure want to delete this item'], 
      ], 

     ), 
     'toolbar'=> [ 
      ['content'=> 
       Html::a('<i class="glyphicon glyphicon-plus"></i>', ['create'], 
       ['role'=>'modal-remote','title'=> 'Create new Catnews','class'=>'btn btn-default']). 
       Html::a('<i class="glyphicon glyphicon-repeat"></i>', [''], 
       ['data-pjax'=>1, 'class'=>'btn btn-default', 'title'=>'Reset Grid']). 
       '{toggleData}'. 
       '{export}' 
      ], 
     ],   
     'striped' => true, 
     'condensed' => true, 
     'responsive' => true,   
     'panel' => [ 
      'type' => 'primary', 
      'heading' => '<i class="glyphicon glyphicon-list"></i> Catnews listing', 
      'before'=>'<em>* Resize table columns just like a spreadsheet by dragging the column edges.</em>', 
      'after'=>BulkButtonWidget::widget([ 
         'buttons'=>Html::a('<i class="glyphicon glyphicon-trash"></i>&nbsp; Delete All', 
          ["bulkdelete"] , 
          [ 
           "class"=>"btn btn-danger btn-xs", 
           'role'=>'modal-remote-bulk', 
           'data-confirm'=>false, 'data-method'=>false, 
           'data-request-method'=>'post', 
           'data-confirm-title'=>'Are you sure?', 
           'data-confirm-message'=>'Are you sure want to delete this item' 
          ]), 
        ]).       
        '<div class="clearfix"></div>', 
     ] 
    ])?> 

希望你的幫助:)

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' 
], 

Answer 2

'pjax'=>真正變化假 做得好