Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Menampilkan Form Edit dengan Modal Dialog Lewat Custom Files di PHPMaker 2021
Menyesuaikan Maksimum Ukuran File Secara Dinamis dari PHPMaker 2021
Meng-crop Image Saat Upload File di Aplikasi Web dari PHPMaker 2021

Menampilkan Form Edit dengan Modal Dialog Lewat Custom Files di PHPMaker 2021

Ming, 23 Mei 2021 oleh Masino Sinaga Tinggalkan Komentar

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.

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Custom Files, Edit Page, Modal Dialog, PHPMaker 2021, PHPMaker Indonesia, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Menyesuaikan Maksimum Ukuran File Secara Dinamis dari PHPMaker 2021
Meng-crop Image Saat Upload File di Aplikasi Web dari PHPMaker 2021

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Pos-pos Terbaru

  • Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Alasan AlwaysUseEnglishUSLocale Sebaiknya Aktif di Masino Extensions untuk PHPMaker 2022
  • MasinoInputMask18 Extension, Autoformat Angka dengan Fitur Lebih Kaya di PHPMaker 2022
  • MasinoSignature18 Extension, Mudahnya Mengelola Tanda Tangan di PHPMaker 2022
  • MasinoFormWizard18 Extension, Mengubah Tampilan Multi-Page di PHPMaker 2022

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Thien Rudi pada Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Masino Sinaga pada Cara Menggunakan Login by session variables di Aplikasi Web dari PHPMaker 2021
  • Masino Sinaga pada Cara Menggunakan Login by session variables di Aplikasi Web dari PHPMaker 2021
  • Masino Sinaga pada Cara Menggunakan Login by session variables di Aplikasi Web dari PHPMaker 2021

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2021 | WordPress | Catat masuk | Kembali ke atas