Modal adalah sebuah tampilan dimana ketika kita menekan event tertentu modal itu akan tampil, biasanya event itu berisikan sebuah data detail dari sesuatu yang sebelumnya saya klik, dan disini saya juga akan menampilkan sebuah cara menampilkan detail di sebuah modal, seperti apa simak terus ya teman-teman.

Untuk artikel kali ini ara menampilkan detail di sebuah modal tampilannya sedikit mirip ya dengan sebelumnya, dimana kita akan menampilkan data user yang sebelumnya, nanti yang kita tampilkan pertama adalah sebuah namanya lalu di sebelah kanannya saya membuat sebuah button yang berisikan sebuah data-id untuk menandakan button yang berbeda-beda, lalu ketika button itu di klik barulah modal itu akan tampil, oiya caa ini saya dapatkan dari youtube weblesson ya, oke langsung saja silahkan teman-teman copy saja caranya cukup simple

Disini saya menggunakan modal dari si bootstrap ya, enaknya ketika kita menggunakan bootstrap ada method-method tertentu yang kita dapatkan seperti method modal, dimana ketika kita mengisikan method modal itu dengan show maka modal yang tadinya tidak terlihat akan terlihat, dan class modal sendiri itu tampilannya tidak terlihat ya teman-teman.

Untuk di ajaxnya saya hanya membawa parameter idnya yang ingin kita cocokan di webservicenya ya, seperti ini

Oke jika kita lihat maka tampilannya akan seperti ini

Cara Menampilkan detail di sebuah modal

tampilan di atas adalah sebuah proses dimana saya sudah mengklik atau memilih data yang ingin saya lihat detailnya, teman-teman bisa coba sendiri ya, Jadi seperti inilah Cara Menampilkan detail di sebuah modal semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat