Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Menampilkan Halaman Edit/View di Modal Dialog Milik Table Lain dari PHPMaker 2021
Mudahnya Menerapkan Infinite Scrolling di Halaman List dari PHPMaker 2021
Penanganan Custom Files di PHPMaker 2021

Menampilkan Halaman Edit/View di Modal Dialog Milik Table Lain dari PHPMaker 2021

Ming, 1 November 2020 oleh Masino Sinaga 2 Komentar

Seakan tidak ada habisnya, setiap hari ada saja fitur PHPMaker 2021 yang dapat dieksplorasi dan memberi kejutan, serta sayang untuk tidak disebarluaskan. Kali ini kita akan melihat bagaimana mudahnya menampilkan halaman Edit dan View milik table lain menggunakan Modal dialog. Perhatikan kata-kata bercetakan tebal tadi.

Dalam contoh kode berikut, kita akan membuktikannya melalui demo project yang sudah disediakan oleh PHPMaker 2021, dan dapat Anda download dan coba sendiri di localhost.

Katakanlah saat menampilkan data pada halaman List milik table orders2, kita ingin melihat data orders menggunakan Modal dialog. Jadi, posisi tetap pada halaman List orders2, tapi kita dapat menampilkan data tertentu milik table orders berdasarkan data OrderID-nya.

Selain itu, masih dari halaman List orders2 tadi, kita ingin mengubah data Customer milik table customers menggunakan Modal Dialog. Sama seperti data orders, kita mengubah data Customer tanpa harus berpindah dari atau menutup halaman List orders2.

Cukup hanya dengan menyalin sedikit kode PHP berikut ke dalam server event Row_Rendered milik table orders2, maka kita sudah dapat menambah fitur yang memungkinkan Pengguna Akhir untuk membuka halaman View milik table orders dan halaman Edit milik table customers, masing-masing menggunakan Modal dialog.

    if (CurrentPageID() == "list" || CurrentPageID() == "view") {
    	$this->OrderID->ViewValue = "<a href='#' data-caption='View' onclick='ew.modalDialogShow({lnk:this,url: \"orders/view/".$this->OrderID->CurrentValue."\",btn: \"ViewBtn\"});'>" . $this->OrderID->ViewValue . "</a>";
    	$this->CustomerID->ViewValue = "<a href='#' data-caption='Edit' onclick='ew.modalDialogShow({lnk:this,url: \"customers/edit/".$this->CustomerID->CurrentValue."\",btn: \"EditBtn\"});'>" . $this->CustomerID->ViewValue . "</a>";
    }

Pastikan untuk men-generate ulang semua file script seperti biasa.

Setelah itu, silahkan akses halaman List table orders2 dari browser. Anda akan melihat link pada data kolom Order ID. Jika diklik, maka akan menampilkan halaman View pada Modal dialog, yang menampilkan data pesanan berdasarkan OrderID-nya.

Demikian juga data pada kolom Customer ID, yang jika diklik akan menampilkan halaman Edit milik table customers. Anda dapat menampilkan data Customer dalam mode Edit, tanpa harus menutup halaman List milik table orders2.

Jika ingin melihat demonya secara langsung, silahkan klik berikut ini: http://demo17.ilovephpmaker.com/orders2list. Pastikan Anda login terlebih dulu dengan menggunakan username admin dan password master

Satu lagi bukti betapa powerful sekaligus fleksibelnya PHPMaker 2021 untuk membangun Aplikasi Web. Tidak perlu menulis berpuluh-puluh atau beratus-ratus baris kode hanya untuk menampilkan halaman table lain dari table yang berbeda menggunakan Modal dialog.

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, PHPMaker 2021, PHPMaker Indonesia, Row_Rendered, Server Events, 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.

Mudahnya Menerapkan Infinite Scrolling di Halaman List dari PHPMaker 2021
Penanganan Custom Files di PHPMaker 2021

Komentar

  1. luthfi mengatakan

    Sel, 4 Mei 2021 pada 6:30 am

    untuk tau id modal dialog di php maker 2021 dimana ya mas

    Balas
    • Masino Sinaga mengatakan

      Sel, 4 Mei 2021 pada 8:56 am

      Inspect aja element-nya dari browser. Kalau pakai Google Chrome, klik kanan lalu pilih Inspect.

      Balas

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

  • Begini Mudahnya Mengubah Lebar Modal Dialog di PHPMaker 2022
  • Item Menu Tetap Aktif Meskipun Sedang Menampilkan Halaman Tambah, Ubah, Tampilkan, Cari di PHPMaker 2022
  • 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

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Stanislaus Ariyanto pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Masino Sinaga pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • irwan pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Ini Dia Fitur-Fitur yang Terdapat di Masino Extensions untuk PHPMaker 2022

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