modal Archives - indocoder.com

Kita akan membuat pop-up window ketika tombol Create ditekan. 1. Gunakan yii\bootstrap\Modal.

use yii\bootstrap\Modal;

1	use yii\bootstrap\Modal;

2. Modifikasi file index.php untuk Branches dengan menambahkan Modal :

<?php 
        Modal::begin([
                'header'=>'<h4>Branches</h4>',
                'id'=>'modal',
                'size'=>'modal-lg',
            ]);
        echo "<div id='modalContent'></div>";
        Modal::end();
    ?>

<?php

Modal::begin([

'header'=>'<h4>Branches</h4>',

'id'=>'modal',

'size'=>'modal-lg',

]);

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

Modal::end();

3. Pada file yang sama, modifikasi Create Branch button dan tambahkan use yii\helpers\Url :

<p>
 <?= Html::button('Create Branches', ['value'=>Url::to('index.php?r=branches/create'),'class' => 'btn btn-success','id'=>'modalButton']) ?>
 </p>

<p>

<?= Html::button('Create Branches', ['value'=>Url::to('index.php?r=branches/create'),'class' => 'btn btn-success','id'=>'modalButton']) ?>

</p>

4. Tambahkan Javascript yang memerintahkan jika Button diklik maka modal akan muncul di layar. Modifikasi file AppAsset.php yang berada di Read more about Tutorial Yii2 Bagian 23 : Membuat Pop-Up Window untuk Form Create[…]