Cascade Dropdown dinamis yang saling berhubungan disini artinya yaitu dimana antara satu dropdown dengan dropdown yang lain saling terkait, yang mana pada aplikasi kali ini ada dua buah dropdown yaitu dropdown pertama berisi nama penulis buku (author) dan dropdown kedua berisi judul-judul buku (book) dari penulis tersebut. cara kerjanya pada dropdown pertama akan menampilkan seluruh nama penulis buku dan ketika kita memilih salah satu penulis maka dropdown kedua akan menampilkan hanya judul-judul buku yang ditulis oleh penulis yang kita pilih saja, dropdown yang saling berkaitan ini sangat berguna untuk menghindari kesalahan dalam pengisian data. bagaimanakah cara membuatnya mari ikuti langkah-langkah berikut ini yang akan kita buat menggunakan Laravel dan AngularJS.
1. Buat tabel authors dan books yang berisi schema berikut ini.
3. Kemudian buka routes.php dan masukan kode berikut ini.4. Selanjutnya pada Controller masukan kode berikut ini.
5. Lalu buat file book-author.blade.php pada views dan masukan kode dibawah ini.
6. Pada kode diatas terlihat kita akan menggunakan file dropdown.js maka dari itu buatlah file dropdown.jsyang diletakan pada public/js kemudian masukan kode berikut ini.
7. Apabila proses berhasil maka akan menghasilkan seperti gambar 2.5 berikut ini.
 |
| Gambar 2.5 |
Tidak ada komentar:
Posting Komentar