yii2 how to simplify repetitive code index,ph - php

Question

new in php and use yii2 as foundation to web development. please help me to simplify this code, im trying to show in popup ActionColumn buttons e.g. view, update and delete buttons. here's my code
'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()
?>
please assist me

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 added for both button. Now call a ajax from your view and write your modal code in there.
$this->registerJs( "$.ajax({
url: '$url',
type: 'POST',
data: { },
success: function(data) {
//your code
}
});");
$url = \Yii::$app->urlManager->createUrl(['/your-action-here']);
Write modal code on the view file you are redirecting.

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
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'));
});
});
");