2016-09-28 3 views
0

Я хочу разработать логотее всплывающее окно (не так, как удаления) в GridView с помощью кнопки JQuery события нажатия кнопки находится в действии колонка об-GridViewGridview с всплывающим окном

как можно добавить всплывающее окно с идентификатором каждой строки

+0

Использование начальной загрузки модальный. [Read this] (http://stackoverflow.com/questions/28470166/yii2-modal-dialog-on-gridview-view-and-update-button-shows-same-content-for-both). –

ответ

2

Попробуйте это, Вставка

use yii\helpers\Url; 
use yii\bootstrap\Modal; 

В u'r index.php

[ 
    'class' => 'yii\grid\ActionColumn', 
    'header' => 'Action', 
    'template' => '{view} {update} {delete} {your_link}', 
    'buttons' => [ 

     'your_link' => function ($url, $model) { 
      $url = Url::to(['controller/action', 'id' => $model->id]); 

      return Html::a(' <span class="glyphicon glyphicon-eye-open" title = "Tooltip Name" ></span> ', 'javascript:void(0)', ['class' => 'anyClassName', 'value' => $url]); 
     }, 
    ], 
], 

Определить модальность и зарегистрировать этот JS в you'r индексный файл

<?php 

Modal::begin([ 
    'id'  => "modal", 
    'header' => '<h3>Assign Farmers to other Farm Mitra</h3>', 
]); 

echo "<div id='modalContent'></div>"; 
Modal::end(); 


$this->registerJs(
    "$(document).on('ready pjax:success', function() { 
      $('.list').click(function(e){ 
       e.preventDefault(); //for prevent default behavior of <a> tag. 
       $('#modal').modal('show').find('#modalContent').load($(this).attr('value')); 
      }); 
     }); 
    "); 

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