Press "Enter" to skip to content

Yii 2 – Bootstrap Modal

0

Last updated on 19 Okt 2019

Yii2 FrameworkPekerjaan menerapkan modal  telah dipermudah oleh Bootstrap, yang merupakan kerangka kerja standar dan dibundel dengan aplikasi dasar.

Berikut ini adalah tutorial menggunakan pop up modal Bootstrap di Yii2 Framework

Tambahkan namespace  class use yii\bootstrap\Modal;

Sekarang, buat tombol untuk membuka modal

<?= Html::a('Create List', ['create'], ['class' => 'btn btn-success']) ?>

ganti ke

<?= Html::button('Create List', ['id' => 'modelButton', 'value' => \yii\helpers\Url::to(['list/create']), 'class' => 'btn btn-success']) ?>

NOTE: Hal-hal yang harus Anda miliki pada tombol adalah id modelButton karena itulah yang digunakan pada fungsi JS

Tambah layout bootstrap di modal

gunakan $this->renderAjax  untuk memuat konten halaman pada tata letak modal

ganti ke

Tambahkan script ke id modelButton