顯示在Yii2彈出GridView

Question

我想問你一件事。 我想彈出一個模式，當我點擊網格視圖內的按鈕。這個代碼可以用yii2 Grid View嗎？

<?= GridView::widget([ 
     'dataProvider' => $dataProvider, 
     'filterModel' => $searchModel, 
     'columns' => [ 
      ['class' => 'yii\grid\SerialColumn'], 

      'ID', 
      'DATASEQ', 
      'TIME', 
      'QTYOK', 
      'QTYDEFECT', 

      $actionCol=['class' => 'yii\grid\ActionColumn', 
       'template' => '{view}{info}', 
       'buttons' => [ 
       'info' => function ($url, $model) { 
        return Html::a('<span class="glyphicon glyphicon-info-sign"></span>', $url, [ 
         'id' => 'modalButton' , 
         'title' => Yii::t('app', 'Info'), 
        ]); 
       } 
      ], 
       'urlCreator' => function ($action, $model, $key, $index) { 
        if ($action === 'info') { 
        $url = Url::to(['../web/plan-detail-tiga/create','id'=>$model->DATASEQ]); 

        return $url; 

       } 
      } 

     ], 

     ], 
    ]); ?> 

Answer 1

在GridView代碼上添加模態代碼。

<?php 
    yii\bootstrap\Modal::begin(['id' =>'modal']); 
    yii\bootstrap\Modal::end(); 
?> 

在您的按鈕中添加標識。

[ 
    'header'=>'Header', 
    'value'=> function($data) 
       { 
        return Html::a(Yii::t('app', ' {modelClass}', [ 
          'modelClass' => 'details', 
          ]), ['controller/action','id'=>$data->id], ['class' => 'btn btn-success', 'id' => 'popupModal']);  
       }, 
    'format' => 'raw' 
], 

在瀏覽頁面註冊JavaScript。

$this->registerJs("$(function() { 
    $('#popupModal').click(function(e) { 
    e.preventDefault(); 
    $('#modal').modal('show').find('.modal-content') 
    .load($(this).attr('href')); 
    }); 
});"); 

Answer 2

試試這個：

<?php \yii\bootstrap\Modal::begin([ 
    'id' => 'popup-window' 
]);?> 

    <h1>Hello</h1> 
    <p>Modal body</p> 

<?php \yii\bootstrap\Modal::end();?> 


<?= GridView::widget([ 
    'dataProvider' => $dataProvider, 
    'filterModel' => $searchModel, 
    'columns' => [ 
     ['class' => 'yii\grid\SerialColumn'], 

     'ID', 
     'DATASEQ', 
     'TIME', 
     'QTYOK', 
     'QTYDEFECT', 

     $actionCol=['class' => 'yii\grid\ActionColumn', 
      'template' => '{view}{info}', 
      'buttons' => [ 
       'info' => function ($url, $model) { 
        return \yii\bootstrap\Button::widget(['options' => [ 
         'data-target' => '#popup-window', 
         'data-toggle' => 'modal' 
        ]]); 
       } 
      ], 
      'urlCreator' => function ($action, $model, $key, $index) { 
       if ($action === 'info') { 
        $url = Url::to(['../web/plan-detail-tiga/create','id'=>$model->DATASEQ]); 

        return $url; 

       } 
      } 

     ], 

    ], 
]); ?>