Mudahnya Membuat Teks Fungsi Aggregate Menjadi Bold dan Rata Kanan

Di tulisan sebelumnya kita sudah membahas bagaimana mudahnya Web Developer dapat menghilangkan awalan kata yang mendahului nilai hasil perhitungan fungsi Aggregate di bagian bawah tabel, seperti TOTAL, COUNT, dan AVERAGE.

Di tulisan yang ini kita akan membahas bagaimana caranya untuk membuat tulisan nilai hasil perhitungan di atas menjadi rata kanan dengan tulisan tebal.

Misalkan ada dua field yang bernama Quantity dan Extended_Price yang menggunakan fungsi Aggregate tadi, maka cukup letakkan kode berikut ke dalam server event Row_Rendered:

if ($this->RowType == EW_ROWTYPE_AGGREGATE) {
	$this->Quantity->ViewValue = "<div style='text-align: right; font-weight: bold;'>".$this->Quantity->ViewValue."</div>";
	$this->Extended_Price->ViewValue = "<div style='text-align: right; font-weight: bold;'>".$this->Extended_Price->ViewValue."</div>";
}

Dari kode di atas, maka kita harus memeriksa apakah tipe Row yang sedang di-rendered oleh sistem memiliki tipe Aggregate. Jika memenuhi syarat tersebut, maka perbarui tampilannya dengan memanfaatkan property ViewValue yang diapit dengan kode style untuk rata kanan dan cetakan tebal.

Eit, tapi jangan puas dulu. Ternyata label seperti Total masih tetap muncul mendahului nilai hasil penjumlahan kolom tersebut. Lalu pertanyaannya, bagaimana cara menghilangkan tulisan Total tersebut? Gampang! Cukup tambahkan kode ini ke dalam bagian Startup Script yang terdapat di bawah lokasi Client Scripts -> Table-Specific -> List Page:

$(document).ready(function() {
   $(".ewAggregate").hide();
});

Karena tulisan label Total tersebut diapit oleh class yang bernama ewAggregate, maka kita cukup menyembunyikan elemen class tersebut menggunakan kode jQuery.

Wow! Betapa mudah dan cepatnya, bukan? 🙂