Hari ini kita akan membuktikan satu lagi kemudahan yang disediakan oleh PHPMaker 2021, khususnya bagi Anda yang sudah menggunakan Masino Extensions. Jadi, project demo yang akan kita gunakan di artikel ini baru dapat Anda download setelah Anda menjadi member di situs ILovePHPMaker.com.
Kita akan menampilkan halaman Edit atau form Edit yang mengubah data Profil Pengguna dari database view yang bernama myuserprofile dengan ID = 1 pada Modal Dialog. Kali ini kita akan menggunakan bantuan Custom Files di PHPMaker 2021.
Jika Anda sudah menggunakan Masino Extensions untuk PHPMaker 2021, maka silahkan buka project demo yang sudah tersedia di situs I Love PHPMaker dengan menggunakan PHPMaker 2021.
Selanjutnya, klik item news.php di bawah bagian Custom Files pada panel Database, lalu klik tab Code (Server Events, Client Scripts and Custom Templates). Kemudian klik Content yang berada di bawah Custom Files -> Table-Specific -> Custom File, lalu cari kode ini:
<div class="card-body">
Jika sudah ketemu, di bawah baris kode tadi, copy dan paste kode berikut:
<?php if (IsAdmin()) { ?>
<script>
if (!ew.vars.tables.myuserprofile) ew.vars.tables.myuserprofile = <?= JsonEncode(GetClientVar("tables", "myuserprofile")) ?>;
</script>
<a class='btn btn-primary ew-row-link ew-edit' data-caption='Edit' href="#" onclick="return ew.modalDialogShow({lnk:this,btn:'SaveBtn',ask:1,msg:'<?php echo Language()->phrase("AlertifyConfirmSaveMessage"); ?>',url:'myuserprofileedit/1'});">Edit Employee 1</a><br><br>
<?php } ?>
Perhatikan kode tersebut. Karena menggunakan Custom Files, maka kita wajib menambahkan kode Javascript yang mendefinisikan variable myuserprofile yang merupakan bagian dari variable ew.vars.tables.
Jika kode Javascript ini tidak ditambahkan, maka sistem akan menampilkan pesan error lewat panel Console setelah Anda menekan tombol F12 dari browser. Sistem akan mengatakan bahwa myuserprofile tidak dikenal.
Parameter ask:1 di dalam function ew.modalDialogShow menandakan bahwa sistem akan menampilkan pertanyaan sebelum menyimpan data.
Sedangkan phrase AlertifyConfirmSaveMessage adalah phrase baru yang ditambahkan pada file language .xml, berisi pertanyaan apakah ingin menyimpan data.
Sekarang simpan project, lalu pastikan untuk men-generate semua file script dengan menggunakan PHPMaker 2021 seperti biasa.
Jika sudah, jalankan Aplikasi Web dari browser, login dengan username admin dan password master, lalu klik menu Front -> News dari bagian Navbar.
Selanjutnya klik tombol Edit Employee 1 di bagian atas halaman News tersebut, maka Anda akan melihat Modal Dialog yang di dalamnya terdapat form Edit data Profil Pengguna dengan ID = 1.
Silahkan ubah data di salah satu field, lalu klik tombol Save, sistem akan menampilkan pertanyaan yang Are you sure you want to save the data?. Klik tombol OK untuk mengkonfirmasi, lalu tunggu beberapa detik, sistem akan menyimpan data tersebut.
Betapa mudah dan cepatnya, bukan? Hanya dengan sedikit kode itu saja, kita sudah dapat menampilkan Modal Dialog yang di dalamnya berisi halaman atau form Edit data Employee dengan ID = 1, beserta pertanyaan apakah ingin menyimpan data.
Tidak perlu menulis kode berpuluh-puluh, beratus-ratus, atau bahkan beribu-ribu baris hanya untuk menampilkan Modal Dialog lewat fitur Custom Files di PHPMaker 2021.
Tinggalkan Balasan