Bagi ilmu

Ada saatnya trigger memanggil ajax bukan ketika kita menekan tombol, tetapi ketika pertama kali kita meload page. Misal saya kasih analogi kasus nya, ketika kita ingin menampilkan data page dosen dan list data dosen sudah terloda ketika kita menampilkan page tersebut. Untuk lebih jelas bisa lihat analogi gambar dibawah ini. Halaman dosen diload dan data dosen muncul ketika halaman selesai di load. Untuk langkah dalam pemanggilan ajax nya bisa sobat ikuti langkah-langkah nya. Ok langsung saja 1.       Gunakan function JQuery $(document).ready() 2.       buat function ajax untuk menampilkan data dosen 3.       tentukan url di ajax 4.       samakan url dengan requestmapping di SpringController Sekian sobat tutorial dari saya mudah-mudahan bermanfaat. Happy Learning and Happy Sharing!!!

Looping adalah perulangan yang dilakukan sampai menemukan kondisi false(salah). Biasanya looping dilakukan untuk menampilkan row dalam jumlah banyak, misalnya menampilkan data yang ada di ArrayList. Untuk lebih jelas nya mari simak ilustrasi dibawah ini. Pada gambar diatas menampilkan daftar dosen yang mana row dosen diatas diambil dari database dan di simpan kedalam arraylist, nah untuk menampilkan row tersebut di halaman html perlu dilakukan looping menggunakan Thymeleaf. Untuk menggunakan looping nya bisa sobat ikuti pada langkah dibawah ini. 1.       Ambil data dari database dalam bentuk Arraylist perhatikan gambar diatas, data diambil dari database kemudian di load ke dalam objek Arraylist mDosenList. Yang perlu sobat perhatikan adalah tanda panah nya, mDosen itu namanya harus sama dengan objek yang mau di Looping nanti di Thymeleaf Template. 2.       Looping Data di Thymeleaf perhatikan gambar diatas yang d...

Sequence Number digunakan untuk penomoran di dalam row, dan index digunakan untuk indexing data yang mana index di mulai dari 0. Untuk lebih jelas sobat bisa lihat gambar di bawah ini. kita bisa lihat pada gambar diatas yang di beri tanda panah, nomor 1 dan 2 di buat menggunakan fitur sequence yang ada pada thymeleaf dan untuk index pada row diatas berarti 0 dan 1 karena index di mulai dari 0. Ok langsung saja pada pembuatannya. Contoh kasus nya adalah menampilkan list barang yang di lempar dari controller spring dan di catch oleh thymeleaf kemudian di loop. 1.       Pembuatan sequnce number 2.       Pembuatan index Ok sekian tutorial dari saya sobat mudah-mudahan bermanfaat. Happy Learning and Happy Sharing!!!

Binding objek digunakan untuk menangkap data yang di lempar dari form html(ui) kemudian di binding data tersebut dengan objek yang ada di java. Cara membinding objek dari form thymeleaf ke objek java bisa kita lakukan dengan cara dibawah ini. 1.       Binding form Untuk binding form dari di thymeleaf bisa dilakukan seperti pada gambar dibawah ini 2.       ModelAttribute di controller spring Tambahkan annotation ModelAtribute untuk membinding objek java dengan form thymeleaf, dengna catatan nama di annotation dengan di thymeleaf form harus sama. Untuk lebih jelas sobat bisa lihat pada gambar dibawah ini 3.       Samakan data-th-field dengan property Objek java yang di binding Langkah terakhir adalah samakan property di objek java dengan data yang mau di kirim dari thymeleaf form. Untuk lebih jelas lihat pada  gambar dibawah ini Penjelasan, data-th-field nama nya harus sama ...