Modal-pop-up in der grid-Ansicht in yii2

ich würde gerne ein pop-up-modal, wenn ich auf einen button in der grid-Ansicht. ist das möglich mit yii2 gridview?

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


            'time_zone',
            'no_of_users',
            'bill_name',
            'bill_address',
            'names.name',
            'bill_state',
            'bill_city',
            'bill_postal',
            'bill_mobile',

            ['header'=>'Plan Info',
            'value'=> function($data)
                    { 
                        //~ print_r($data);die();
                        return  Html::a(Yii::t('app', ' {modelClass}', [
                            'modelClass' => 'details',
                        ]), ['userdetails/plans','id'=>$data->id], ['class' => 'btn btn-success    ']

                        );      
                    },
            'format' => 'raw'
            ],



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

in den oben genannten grid-Ansicht möchte ich ein modales popup, wenn ich auf den button "details".

Dank,

InformationsquelleAutor Bloodhound | 2015-10-03
  1. 9

    Ja, es ist möglich. um dies zu erreichen, Folgen Sie untenstehenden Schritten.

    Hinzufügen Modal code oben GridView code.

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

    Danach fügen Sie id in Ihren details-Schaltfläche.
    Wie,

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

    Und registrieren Sie sich als JavaScript am oberen oder unteren Rand der Seite ansehen.

    $this->registerJs("$(function() {
   $('#popupModal').click(function(e) {
     e.preventDefault();
     $('#modal').modal('show').find('.modal-content')
     .load($(this).attr('href'));
   });
});");
    • hey nur modal Körpers zeigt sich kein header und kein footer
    • für das hinzufügen von Kopf-und Fußzeilen finden Sie unter diesem yiiframework.com/doc-2.0/yii-bootstrap-modal.html
    • vielleicht sah Sie die (andere) Antwort von Eignart Onkel und/oder wurden unterstützt durch GAMITG die Antwort auf dein Kommentar, aber falls nicht, Eignart Antwort (die möglicherweise entfernt) schlägt ändern find('.modal-content') zu find('.modal-body').
    InformationsquelleAutor GAMITG
Schreibe einen Kommentar