August 28, 2016

Membuat modal bootstrap di framework Laravel

Share this
  •  
  •  
  •  
  •  
  •  
  •  

Assalamualaikum wr wb, artikel kali ini saya akan bahas mengenai cara membuat modal bootstrap di framework laravel. Pada artikel yang lain saya pernah menulis juga cara membuat modal, tetapi pada framework Yii2. Seperti pada artikel tersebut modal ini akan di tampilkan secara dinamis dan bisa di gunakan untuk menampilkan berbagai macam view.

Modal tidak harus di buat berulang pada setiap view, karena pada modal content akan meng load view dari Controller. Secara dasar, cara membuat modal pada laravel dan yii tidak ada bedanya, karena menggunakan jquery dan hanya harus menampilkan view secara partial.

Membuat modal bootstrap di framework Laravel

Aplikasi yang saya gunakan pada artikel ini, sama dengan yang saya gunakan artikel saya sebelumnya CRUD dengan RESTful controller di framework Laravel. Modal yang saya buat akan menampilkan data sesuai dengan item yang di klik pada tabel yang tersedia. Untuk lebih jelasnya, langsung saja kita mulai membuat kodingnya.

Kita buat terlebih dulu JQuery nya.

Kemudian kita buat modal pada layout.

Kita dapat lihat pada class modal title saya tambahkan id modalMdTitle untuk menampilkan title secara dinamis. Pada class modal body juga saya tambahkan div yang mempunyai id modalMdContent untuk menampilkan konten secara dinamis. Kemudian kita buat controller yang akan digunakan.

fungsi renderSections digunakan untuk menampilkan view secara partial dengan @yield(‘content’). Kita sesuaian juga view yang digunakan pada tabel blog.

Perhatikan tag anchor, href di beri nilai “#” dan value nya berisi controller yang akan di akses. Sesuaikan juga view yang digunakan untuk menampilkan detail data blog.

Uji Coba

Setelah semua persiapan selesai, kita mulai untuk test apakah sudah berjalan secara normal. Coba kita klik view detail data untuk tiap-tiap row item pada tabel blog.

Membuat modal bootstrap di framework Laravel

Membuat modal bootstrap di framework Laravel

Membuat modal bootstrap di framework Laravel

Membuat modal bootstrap di framework Laravel

Modal berhasil menampilkan data sesuai dengan row yang kita pilih. Sekian Artikel yang saya buat, semoga dapat bermanfaat dan dipakai dengan baik. Terimakasih.

Agus Wiji Suhariono

Memulai menulis Blog pada bulan November dari Tahun 2015. Penulis merupakan alumni dari Politeknik Negeri Malang angkatan 2011 Program Studi Manajemen Informatika, Jurusan Elektro. Penulis memulai menekuni dunia programming mulai tahun 2014 dan sekarang bekerja di Pemerintahan sebagai IT Staff.

You may also like...