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, ilovephpmaker.com, dan phpmakerprojects.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

  • Masino Extensions untuk PHPMaker 2024 Sudah Dirilis, Silahkan Download!
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024
  • Review PHPMaker 2024
  • Mudahnya Mengunci Record dengan Javascript Count Down di PHPMaker 2023
  • Ini Alasan Kenapa Kalian Harus Beralih ke PHP 8

Menu

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

Komentar Terbaru

  • Masino Extensions untuk PHPMaker 2024 Sudah Dirilis, Silahkan Download! – Masino Sinaga pada Fitur-Fitur Masino Extensions untuk PHPMaker 2024
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024 – Masino Sinaga pada Custom Domain URL di Masino Extensions untuk PHPMaker 2020
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024 – Masino Sinaga pada Membatasi Akses Versi Live dan Versi Development Aplikasi Web dari PHPMaker
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024 – Masino Sinaga pada Nomor Urut Record di Export Data pada PHPMaker 2020 dan PHPMaker 2021
  • Masino Sinaga pada Review PHPMaker 2024

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. 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 - 2023 | WordPress | Catat masuk | Kembali ke atas