Meng-expand Detail Preview Hanya pada Record Pertama dari PHPMaker 2021

Di artikel sebelumnya kita sudah membahas betapa mudahnya untuk meng-expand detail preview di semua record pada halaman List yang menampilkan table Master.

Jika jumlah record yang ditampilkan di halaman List Master tadi banyak (katakanlah lebih dari 10), maka akan dibutuhkan waktu yang lebih lama untuk menampilkan semua Detail Preview dari setiap record Master. Untuk itu, pastikan untuk tidak menggunakan kode pada artikel di atas tadi jika jumlah record di halaman List Master relatif banyak.

Sebagai gantinya, kita bisa saja hanya meng-expand salah satu record Master di halaman List yang menampilkan data dari table Master. Dengan cara ini, maka secara tidak langsung kita ingin memberitahukan bahwa data di table Detail dapat ditampilkan secara otomatis, saat halaman List milik table Master ditampilkan.

Katakanlah kita ingin meng-expand table Detail pada halaman List orders (data Master) dari project demo2021, maka cukup tambahkan kode di bawah ini ke lokasi berikut milik table orders: Client Scripts -> Table-Specific -> List Page -> Startup Script:

    $('span#el1_orders_preview > .ew-preview-row-btn.ew-icon.icon-expand').click();

Perhatikan bagian el1_orders_preview pada kode tersebut. Ini adalah id dari baris pertama dari record Master table orders.

Berdasarkan id selector ini, yang dikombinasikan dengan class ew-preview-row-btn ew-icon icon-expand, kita dapat men-trigger event click untuk menampilkan table Detail hanya pada baris pertama saja.

Memang gila ini PHPMaker 2021. Hanya dengan sebaris kode itu saja, kita sudah dapat memerintahkan sistem supaya otomatis meng-expand table Detail pada baris pertama di halaman List dari table orders pada Aplikasi Web yang dihasilkan oleh PHPMaker 2021.

Tidak perlu menulis kode berpuluh-puluh, beratus-ratus, atau bahkan beribu-ribu baris hanya untuk mengimplementasikan business-logic tersebut.

Gimana? Keren, kan PHPMaker 2021? Hohoho… 😀