yii2繰り返しコードインデックスを簡略化する方法ph

Question

phpで新しく、yii2をWeb開発の基礎として使用してください。このコードを単純化するのを手伝ってください。ポップアップActionColumnボタンに表示しようとしています。表示、更新、および削除ボタン。両方のボタンの追加ここに私のコード

'class' => 'yii\grid\ActionColumn', 
    'buttons'=>[ 
    'view'=>function($url,$model){ 
     return Html::a('<span class="glyphicon glyphicon-eye-open")></span>',$url,['class'=>'view', 'data-pjax'=>0]); 
    }, 
    'update'=>function($url,$model){ 
     return Html::a('<span class="glyphicon glyphicon-pencil")></span>',$url,['class'=>'update', 'data-pjax'=>0]); 
         } 
        ], 
       ], 
      ], 
     ]); 

    $this->registerJs(
     "$(document).on('ready pjax:success', function() { // 'pjax:success' use if you have used pjax 
      $('.view').click(function(e){ 
       e.preventDefault();  
        $('#pModal').modal('show') 
           .find('#modalContent') 
           .load($(this).attr('href')); 
      }); 
     }); 
    "); 

     Modal::begin([ 
      //'header'=>'<span id="modalHeaderTitle"></span>', 
      //'headerOptions'=>['id'=>'modalHeader'], 
      'id'=>'pModal', 
      'size'=>'modal-lg', 
        //keeps from closing modal with esc key or by clicking out of the modal. 
        // user must click cancel or X to close 
       'clientOptions' => ['backdrop' => 'static', 'keyboard' => FALSE] 
      ]); 

      echo "<div id='modalContent'></div>"; 

      Modal::end(); 


    $this->registerJs(
     "$(document).on('ready pjax:success', function() { // 'pjax:success' use if you have used pjax 
      $('.update').click(function(e){ 
       e.preventDefault();  
        $('#qModal').modal('show') 
           .find('#modalContent') 
           .load($(this).attr('href')); 
      }); 
     }); 
    "); 

     Modal::begin([ 
      //'header'=>'<span id="modalHeaderTitle"></span>', 
      //'headerOptions'=>['id'=>'modalHeader'], 
      'id'=>'qModal', 
      'size'=>'modal-lg', 
        //keeps from closing modal with esc key or by clicking out of the modal. 
        // user must click cancel or X to close 
       'clientOptions' => ['backdrop' => 'static', 'keyboard' => FALSE] 
      ]); 

      echo "<div id='modalContent'></div>"; 

      Modal::end() 
      ?> 

が

Answer 1

'buttons'=>[ 
'view'=>function($url,$model){ 
    return Html::a('<span class="glyphicon glyphicon-eye-open")></span>',$url,['class'=>'view action-btn', 'data-pjax'=>0]); 
}, 
'update'=>function($url,$model){ 
    return Html::a('<span class="glyphicon glyphicon-pencil")></span>',$url,['class'=>'update action-btn', 'data-pjax'=>0]); 
        } 
       ], 
      ], 
     ], 

action-btn私を支援してくださいます。今あなたのビューからajaxを呼び出し、そこにモーダルコードを記述します。

$this->registerJs("$.ajax({ 
      url: '$url', 
      type: 'POST', 
      data: { }, 
      success: function(data) { 
      //your code      
      } 
     });"); 

$url = \Yii::$app->urlManager->createUrl(['/your-action-here']); あなたがリダイレクトされているビューファイルにmodalコードを記述します。

Answer 2

'buttons' => [ 
    'view' => function ($url, $model) { 
     return Html::a(
      '<span class="glyphicon glyphicon-eye-open")></span>', 
      $url, 
      [ 
       'class' => 'openModal', 
       'data-pjax' => 0 
      ] 
     ); 
    }, 
    'update' => function ($url, $model) { 
     return Html::a(
      '<span class="glyphicon glyphicon-pencil")></span>', 
      $url, 
      [ 
       'class' => 'openModal', 
       'data-pjax' => 0 
      ] 
     ); 
    }, 
] 

モーダル

Modal::begin([ 
    'id' => 'modal-popup', 
    'size' => 'modal-lg', 
    'clientOptions' => [ 
     'backdrop' => 'static', 
     'keyboard' => FALSE 
    ] 
]); 
echo "<div id='modalContent'></div>"; 
Modal::end(); 

JS

$this->registerJs(
    "$(document).on('ready pjax:success', function() { 
     $('.openModal').click(function(e) { 
      e.preventDefault();  
      $('#modal-popup').modal('show').find('#modalContent').load($(this).attr('href')); 
     }); 
    }); 
");