Yii2削除確認モーダル

Question

yii2で削除確認モーダルを作成しようとしています。 私はgridviewの項目を削除するアクションボタンを持つグリッドビューを持っています。

ユーザーがこのボタンをクリックすると、ポップアップモーダルが表示され、削除する必要があるアイテムのIDを取得できません。

ここに私のGridViewのコード（だけのアクションボタン）：次に

'buttons' => [ 
       'view' => function ($url, $model) { 
          return Html::a('', $url, ['class' => 'btn btn-success btn-xs glyphicon glyphicon-eye-open']); 
         }, 
      'edit' => function ($url, $model) { 
          if (Yii::$app->user->getIdGroupe() != 1) 
          { 
           return Html::a(''); 
          } 
          return Html::a('', $url, ['class' => 'btn btn-warning btn-xs glyphicon glyphicon-pencil']); 
         }, 
         'delete' => function ($url, $model) { 
          return Html::a('', $url, ['class' => 'btn btn-danger btn-xs glyphicon glyphicon-trash', 'data-toggle' => 'modal', 'data-target' => '#modal', 'data-id' => $model->idRessource, 'id' => 'popupModal']); 
         }, 
       ], 
'urlCreator' => function ($action, $model, $key, $index) { 
          if ($action == 'view') { 
           $url = Url::to(['/ressource/view', 'id' => $model->idRessource]); 
          } else if ($action == 'edit') { 
           $url = Url::to(['/ressource/edit', 'id' => $model->idRessource]); 
          } else { 
           $url = '#'; 
          } 
          return $url; 
        }, 

モーダル：

<?php $url = Url::to(['ressource/delete']); ?> 

<?php Modal::begin([ 
    'header' => '<h2 class="modal-title"></h2>', 
    'id'  => 'modal-delete', 
    'footer' => Html::a('Supprimer', $url, ['class' => 'btn btn-danger']), 
]); ?> 

<?= 'Etes vous sur de vouloir supprimer la ressource ...'; ?> 

<?php Modal::end(); ?> 

そして最後のjavascript：

<?php 
$this->registerJs("$(function() { 
    $('#popupModal').click(function(e) { 
     e.preventDefault(); 
     $('#modal-delete').modal('show').find('.modal-body') 
     .load($('.modal-dialog')); 
     var modal = $(this); 
     var triggered = $(e.relatedTarget); 
     var id = triggered.data('id'); 
     $('.modal-title').text('Supprimer la ressource ' + id); 
    }); 
});"); ?> 

問題があります私はアイテムのIDを取得することはできませんし、アクション 'actionDelete'がそのIDを必要とするため、私は$ URLを構築するときに必要ですem。

希望があり、あなたが私を助けることができますように！ おかげ

Answer 1

私が見つけました解決策は、自分自身と@ XiaosongGuoのおかげですので、ここでは完全な答えです

マイ削除ボタン：

'delete' => function ($url, $model) { 
    return Html::a('', $url, [ 
     'class'  => 'btn btn-danger btn-xs glyphicon glyphicon-trash popup-modal', 
     'data-toggle' => 'modal', 
     'data-target' => '#modal', 
     'data-id'  => $model->idRessource, 
     'data-name' => $model->nomRessource, 
     'id'   => 'popupModal', 
    ]); 
}, 

私のURLの作成者：

'urlCreator'  => function ($action, $model, $key, $index) { 
    $url = Url::to(['/ressource/delete', 'id' => $model->idRessource]); 
    return $url; 
}, 

私のモーダル：

<?php Modal::begin([ 
    'header' => '<h2 class="modal-title"></h2>', 
    'id'  => 'modal-delete', 
    'footer' => Html::a('Supprimer', '', ['class' => 'btn btn-danger', 'id' => 'delete-confirm']), 
]); ?> 

<?= 'Etes vous sur de vouloir supprimer cette ressource ?'; ?> 

<?php Modal::end(); ?> 

、最後にはJavaScript：

<?php 
$this->registerJs(" 
    $(function() { 
     $('.popup-modal').click(function(e) { 
      e.preventDefault(); 
      var modal = $('#modal-delete').modal('show'); 
      modal.find('.modal-body').load($('.modal-dialog')); 
      var that = $(this); 
      var id = that.data('id'); 
      var name = that.data('name'); 
      modal.find('.modal-title').text('Supprimer la ressource \"' + name + '\"'); 

      $('#delete-confirm').click(function(e) { 
       e.preventDefault(); 
       window.location = 'delete?id='+id; 
      }); 
     }); 
    });" 
); 

を

あなたが私の答えよりも優れた解決策を持っているなら、私に教えてください。

助けをいただきありがとうございます。

Answer 2

PHPボタン：

'delete' => function ($url, $model) { 
    return Html::a('', $url, [ 
     'class' => '... popup-modal', 
     'data-toggle' => 'modal', 
     'data-target' => '#modal', 
     'data-id' => $model->idRessource, 
     'id' => 'popupModal-'. $model->idRessource 
    ]); 
}, 

のJs：

<?php 
$this->registerJs("$(function() { 
$('.popup-modal').click(function(e) { 
    e.preventDefault(); 
    var modal = $('#modal-delete').modal('show'); 
    modal.find('.modal-body').load($('.modal-dialog')); 
    var that = $(this); 
    var id = that.data('id'); 
    modal.find('.modal-title').text('Supprimer la ressource ' + id); 
}); 
});"); 
?> 

Answer 3

に似たモデルのURLにIDを入れすることが可能です：

<?php $url = Url::to(['ressource/delete', 'id' => $model->id]); ?>