2015-11-17 2 views
2

Я хотел иметь модальное всплывающее окно в виде сетки. Я использовал followin кода внутри моего index.phpВерхний и нижний колонтитулы отсутствуют в модальном всплывающем окне

<?php 

use yii\helpers\Html; 
use yii\grid\GridView; 
use backend\models\Relations; 


$this->title = Yii::t('app', 'Members'); 
$this->params['breadcrumbs'][] = $this->title; 

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

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


<div class="members-index"> 

    <h1><?= Html::encode($this->title) ?></h1> 
    <?php echo $this->render('_search', ['model' => $searchModel]); ?> 

    <p> 
     <?= Html::a(Yii::t('app', 'Create Members'), ['create'], ['class' => 'btn btn-success']) ?> 
    </p> 

    <?= GridView::widget([ 
     'dataProvider' => $dataProvider, 
     // 'filterModel' => $searchModel, 
     'columns' => [ 

      ['header'=>'Popup', 
      'value'=> function($data) 
        { 
         return Html::a(Yii::t('app', ' {modelClass}', [ 
          'modelClass' => 'View', 
         ]), ['members/view','id'=>$data->id], ['class' => 'btn btn-success','id' => 'popupModal'] 

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


      ['class' => 'yii\grid\ActionColumn','template'=>'{update}{delete}'], 
     ], 
    ]); ?> 

</div> 

это мой код контроллера

public function actionView($id) 
    { 
     return $this->renderAjax('view', [ 
      'model' => $this->findModel($id), 
     ]); 
    } 

Теперь модальный внезапное вверх, но не в желаемом направлении. Я пропускаю Верхний и нижний колонтитулы (кнопка «Без закрытия»). enter image description here

ответ

0

Я использую модель, как показано ниже, и я использую Modal в верхней части. вы можете использовать его, когда используете. мой модальный код такой, и он отлично работает.

<?php 
Modal::begin([ 
'id' => 'modal', 
    'size'=>'modal-lg', 
    'class' => '', 
    ]); 
echo "<div id='modalContent'></div>"; 
Modal::end(); 
?> 

и загрузите необходимое содержание в Div «модальный» содержание и использование колонтитула и вариант заголовка вы можете изменить ваш модальность в соответствии с вашими потребностями. для этой опции ссылайтесь на приведенную ниже документацию. http://www.yiiframework.com/doc-2.0/yii-bootstrap-modal.html

+0

Не могли бы вы рассказать мне, как изменить заголовок динамически .. –

Смежные вопросы