Mudahnya Menghilangkan Tulisan Total di Bawah Tabel Halaman List

Seperti yang sudah kita ketahui bersama, PHPMaker memiliki pilihan untuk menampilkan fungsi TOTAL, COUNT, dan AVERAGE terhadap sebuah kolom Tabel pada halaman List. Ketiga fungsi ini biasa dikenal dengan fungsi Aggregate, karena dapat menghitung jumlah atau rata-rata dari data yang terdapat di sebuah kolom. Anda cukup memilih salah satu fungsi tadi dari Fields Setup -> List Page -> Aggregate.

Tapi sayangnya, PHPMaker akan selalu menambahkan awalan kata sebelum nilai dari hasil perhitungan tadi. Contoh, jika kita menggunakan fungsi TOTAL, maka akan terdapat awalan kata Total: yang mendahului nilai data hasil penjumlahan. Jika kita menggunakan fungsi COUNT, maka akan terdapat awalan kata Jumlah: yang mendahului nilai jumlah, dan seterusnya.

Biasanya, kita tidak membutuhkan awalan kata tersebut pada baris hasil perhitungan tadi. Artinya, kita perlu menghilangkan awalan kata tersebut. Pertanyaannya adalah, bagaimana cara menghilangkan awalan kata itu?

Jangan khawatir! Lagi-lagi PHPMaker memberi fleksibilitas kepada Web Developer untuk mewujudkan hal ini. Hanya ada 2 langkah saja untuk mengatasinya.

Langkah Pertama, kita menggunakan server event Page_Load untuk menghilangkan tulisan Total dengan cara menimpa frase Total yang diperoleh dari file .xml bahasa menjadi string kosong:

// Page Load event
function Page_Load() {
	Language()->setPhrase("Total", ""); // menghilangkan tulisan Total (Total)
	// Language()->setPhrase("Count", ""); // menghilangkan tulisan Count (Jumlah)
	// Language()->setPhrase("Average", ""); // menghilangkan tulisan Average (Rata-rata)
}

Sengaja saya sertakan juga untuk frase Count dan Average (jika dibutuhkan).

Sampai di sini, jika Anda men-generate ulang kode Anda menggunakan PHPMaker, maka tulisan Total memang menjadi hilang, tapi tulisan titik dua (:) masih tetap ada muncul. Bagaimana ini?

Nah, untuk menghilangkan tanda titik dua yang masih tersisa itu, maka kita menggunakan kode jQuery. Triknya sederhana saja, di mana karakter titik dua ini ternyata disebabkan karena penggunaan class yang bernama ewAggregate yang terdapat di dalam tag span. Jadi?

Langkah Kedua, cukup tambahkan kode ini dari bagian Client Scripts -> List Page -> Startup Script:

$("span").removeClass("ewAggregate");

Kemudian silahkan generate ulang kode Anda menggunakan PHPMaker. Seharusnya, sekarang karakter titik dua sudah tidak ada lagi.

Betapa mudahnya, bukan? 😉

Sampai di sini, kita sudah berhasil menghilangkan awalan kata dan karakter titik dua. Lalu, bagaimana cara membuat tulisan nilai hasil perhitungan fungsi tadi menjadi Bold dan rata kanan? Tunggu artikel selanjutnya yang akan saya terbitkan besok! 🙂