Mudahnya Mengubah Link Edit di Halaman Master/Detail View Aplikasi Web dari PHPMaker

PHPMaker ternyata cukup cerdik dalam memanfaatkan sebuah halaman yang dibangkitkan olehnya. Contoh, halaman View yang awalnya dibuat untuk menampilkan sebuah Record dalam satu halaman, bisa digunakan juga untuk menampilkan data Master dan Detail sekaligus, atau lebih dikenal dengan istilah Master/Detail View. Di bagian atas data Master dalam layout View, dan di bagian bawah data Detail dalam layout tabel.

Di halaman Master/Detail View ini juga bisa terdapat beberapa link atau tombol yang berfungsi untuk membuka halaman Add, Edit, dan Delete. Di sinilah timbul tantangan yang cukup mengasyikkan bagi Web Developer yang menggunakan PHPMaker. Tantangan itu adalah, bagaimana caranya kita dapat membuat dua kondisi yang berbeda dalam satu halaman View tersebut, tanpa harus melakukan usaha yang terlalu banyak. Masih bingung?

Contoh kasusnya seperti ini. Sering kali kita sebagai Web Developer harus menyesuaikan link Edit di halaman Master/Detail View (menampilkan Record Master di atas dan Detail di bawahnya), sedangkan di halaman View (menampilkan satu Record Master), link Edit tetap menggunakan yang aslinya. Masih bingung juga?

Mari kita ambil contoh kasus sederhana menggunakan project demo. Katakanlah di halaman Master/Detail View yang menampilkan data orders di bagian atas dan data orderdetails di bagian bawah, kita ingin mengubah link Edit, sedangkan jika halaman View yang hanya menampilkan data orders saja, maka link Edit menggunakan link aslinya (tidak diubah). Sudah mulai ada gambaran?

Nah, mengimplementasikan hal tersebut, maka kita cukup menaruh kode PHP berikut ke dalam server event Page_Render yang terdapat di bawah lokasi Server Events -> Table-Specific -> View Page, sehingga kode selengkapnya menjadi seperti ini:

// Page Render event
function Page_Render() {
	//echo "Page Render";
	if ($this->getCurrentDetailTable() <> "") {
		$options = &$this->OtherOptions;
		$option = &$options["action"];
		$item = &$option->Add("edit");
		$item->Body = '<a class="btn btn-default ewAction ewEdit" title="'.Language()->Phrase("Edit").'" data-caption="'.Language()->Phrase("Edit").'" href="yourpage.php"><span data-phrase="ViewPageEditLink" class="icon-edit ewIcon" data-caption="'.Language()->Phrase("Edit").'"></span></a>'; // sesuaikan yourpage.php
	}
}

Mari simak kode barusan. Untuk memastikan halaman View tersebut adalah Master/Detail View, maka kita cukup menggunakan method getCurrentDetailTable milik object Table atau Page dari halaman View, dan jika hasilnya mengembalikan String yang tidak kosong, maka eksekusi kode untuk mengubah link Edit tersebut.

Seperti kode PHP di beberapa artikel saya sebelum ini, kode di atas memiliki persamaan, yaitu untuk menyesuaikan link Edit, maka kita mengoptimalkan object OtherOptions yang di dalamnya memiliki pilihan action dan nama item-nya adalah edit.

Sedangkan untuk mengubah link Edit, maka kita cukup menyesuaikan nilai dari property Body milik item edit tadi.

Betapa mudah dan cepatnya, bukan? 😀