Sejak versi 2022, PHPMaker sudah menyediakan dua opsi layout di halaman List pada aplikasi web yang dihasilkan olehnya. Layout pertama atau default dan paling sering digunakan adalah Table. Sedangkan layout kedua adalah Cards.
Pada PHPMaker 2025, untuk mengaktifkan fitur ini, maka ada beberapa langkah yang harus dilakukan.
Pertama, pastikan untuk menonaktifkan opsi Use global settings dari menu Table -> Table-specific Options, lalu jika ada pertanyaan apakah ingin menyalin pengaturan global sebagai pengaturan table, pilih Yes.
Kedua, scroll agak ke bawah, lalu lihat di bagian List Page, di sana ada pengaturan Multi-Column (Records per row). Masukkan nilai yang lebih besar dari 0, misalnya 3. Itu artinya, akan ada 3 kolom atau Card per baris yang ditampilkan di halaman List jika mode Layoutnya adalah Cards.
Ketiga, generate ulang semua file script sampai selesai. Selanjutnya, di halaman List dari aplikasi web yang dihasilkan PHPMaker, terdapat dua opsi, yaitu Cards View dan Table View. Kita bisa berpindah antar Layout, cukup dengan mengklik salah satu dari kedua opsi tersebut.
Contoh penerapan fitur ini bisa kalian lihat dari project demo2025 pada table cars. Di halaman List tersebut terdapat dua opsi Layout tadi.
Enaknya lagi, PHPMaker memberi kemudahan kepada Web Developer untuk mengeset Layout tersebut secara dinamis lewat kode PHP di bagian Server Events.
Contoh, kita bisa mengeset Layout default adalah Cards, dengan cara menaruh kode berikut di server event Page_Load di halaman List dari table yang kita inginkan:
$this->MultiColumnLayout = $this->getSessionLayout() ?? "card";
Hanya dengan sebaris kode PHP itu saja, maka kita bisa menentukan Layout default adalah Cards.
Meskipun kita sudah menentukan default-nya adalah Cards, kode di atas bersifat dinamis. Artinya, system akan tetap memuat setting terakhir yang kita pilih dari method getSessionLayout, jika halaman List tersebut dimuat ulang atau di-refresh/reload.
Penting untuk diketahui, jika table di halaman List tersebut memiliki relasi Master/Detail ke table lain, maka mode Preview Row tidak berlaku saat mode Cards sedang aktif. Hanya saat mode Table saja fitur Preview Row tersebut berlaku.
Untuk itu, maka kita sebaiknya mengubah pengaturan dari opsi row menjadi opsi modal atau popover atau offcanvas dari menu Tools -> Extensions -> Type: Detail Preview -> Preview -> Advanced -> Tables, apabila di halaman List itu kita mengaktifkan mode Cards.
Selain itu, setelah berpindah dari mode Table ke Cards maupun sebaliknya, maka kita harus me-refresh/reload halaman List tadi, supaya fitur Preview yang menampilkan table Detail bisa digunakan.
Keterbatasan ini harus kita maklumi sejak awal, siapa tahu Pengguna Akhir dari aplikasi web yang kalian bikin bingung, mengapa mereka tidak bisa melihat Preview Row table detail setelah berpindah antar Layout.
Betapa mudah dan fleksibelnya PHPMaker 2025 untuk berpindah antar Layout di halaman List, apakah ingin mode Table atau mode Cards. Meskipun masih ada keterbatasan di sana, setidaknya fitur ini menjawab pertanyaan Web Developer yang sering kali menginginkan fitur Cards di halaman List.
Tinggalkan Balasan