2016-05-17 2 views
0

Мне нужна помощь в отображении изображения в сетке Kartik gridview Yii2.Yii2 Изображение Всплывающее окно в kartik gridview

Пожалуйста, дайте мне предложение показать изображение во всплывающем окне, когда мы нажмем на него.

/* Скрипт для загрузки изображения во всплывающем окне */

'attribute' => 'image', 
     'width' => '50px', 
     'value' => function ($model, $key, $index, $widget) { 
      if ($model->image != '') { 
       return Html::a(Html::img(Yii::$app->params['server'] . "/mypath/uploadedfile/" . 
             Yii::$app->session['city'] . "/" . $model->image, ['width' => '70px', 'height' => '70px']), '#', [ 
          'title' => Yii::t('app', 'View Image'), 
          'class' => 'view-image-link', 
          'data-id' => $model->image, 
       ]); 
      } else { 
       return "No Image"; 
      } 


      $this->registerJs("  
       $('.view-image-link').click(function() 
       { 
        $.get 
         (
          'viewimage', 
          { 
           id: $(this).data('id') 
          }, 
          function(data) 
          { 
           $('.modal-body').html(data); 
           $('#imageview').modal(); 
          } 
         ); 
       });"); 
+1

Что вы пробовали? Сначала сделайте собственное исследование и разместите проблемы, с которыми вы сталкиваетесь здесь. StackOverflow здесь, чтобы помочь нам учиться, а не работать для нас. –

+0

@ Герцог Нукемский: Я попросил предложение не для работы. :) Пожалуйста, проверьте мой отредактированный вопрос. Я использовал модальное диалоговое окно Yii2. но не работает, когда я расширяю сетку. вы можете предложить любую идею об этом. заранее спасибо –

+0

б модальный диалог Модальные :: начать ([ Ид '=> '', ImageView 'колонтитул'=> 'Close', ]); Modal :: end(); –

ответ

0

По Изменение я решил мой сам

модальный диалог Modal::begin([ 'id' => 'imageview', 'footer' => '<a href="#" class="btn btn-sm btn-primary" data-dismiss="modal">Close</a>', ]); Modal::end();

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