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

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.