Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Menghapus Kata Total, Membuat Cetak Tebal dan Rata Kanan pada Baris Aggregate di PHPMaker 2021
Mencegah Pengguna Memilih Tanggal yang Sudah Lewat di DateTimePicker pada PHPMaker 2021
Mudahnya Menampilkan DateTimePicker di Custom Files pada PHPMaker 2021

Menghapus Kata Total, Membuat Cetak Tebal dan Rata Kanan pada Baris Aggregate di PHPMaker 2021

Sen, 10 Mei 2021 oleh Masino Sinaga Tinggalkan Komentar

Pasti sebagian besar di antara kita Web Developer yang selama ini sudah menggunakan PHPMaker 2021, ingin menghapus kata TOTAL: (beserta karakter titik duanya), dan membuat cetakan tebal atau bold pada baris Aggregate di Aplikasi Web yang dihasilkannya. Tidak hanya itu, teks pada baris ini juga sering kali harus dibuat menjadi rata kanan, supaya lebih mudah terbaca.

Penyesuaian ini sering sekali dibutuhkan, mengingat Aplikasi Web yang dihasilkan oleh PHPMaker 2021 masih belum bisa memenuhi kebutuhan tadi. Teks seperti TOTAL: atau RATA-RATA: atau JUMLAH:, masih muncul sebelum angkanya, dan cetakan hurufnya pun belum bold atau tebal, serta belum rata kanan.

Yang dimaksud dengan baris Aggregate adalah baris yang menampilkan fungsi Penjumlahan (TOTAL), Rata-Rata (AVERAGE), atau Jumlah Item (COUNT) pada halaman List yang menampilkan data dalam bentuk table. Baris ini letaknya pada bagian paling bawah dari table tadi.

Oke deh, langsung saja ya. Supaya lebih mudah mengikutinya, kita mencoba menerapkannya pada project demo2021 yang bisa Anda download dari website resmi PHPMaker.

Pertama sekali, pastikan kita sudah membuka project tersebut dengan menggunakan PHPMaker 2021, lalu pada panel Database, klik table orderdetails. Selanjutnya, klik field Quantity, dan di sebelah kanan, pastikan tab Fields sudah terbuka.

Setelah itu, pilih TOTAL dari kolom List Page -> Aggregate, untuk memastikan field Quantity tadi menggunakan fungsi penjumlahan.

Berikutnya, klik tab Code (Server Events, Client Scripts and Custom Templates, lalu lompat ke lokasi ini: Server Events -> Table-Specific -> Common -> Row_Rendered, lalu masukkan kode ini ke dalam function Row_Rendered() tersebut:

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

Kode di atas fungsinya untuk mengubah teks pada baris Aggregate pada field Quantity menjadi rata kanan dan cetakan tebal atau bold. Meskipun di kode tersebut kita sudah menghilangkan teks TOTAL:, namun bukan berarti hasilnya teks tersebut menjadi hilang.

Teks TOTAL: masih tetap kelihatan sebelum nilai penjumlahan tadi. Pertanyaan selanjutnya, bagaimana cara menghilangkan teks TOTAL?

Jawabannya, kita cukup menggunakan kode CSS. Caranya, klik icon HTML General Settings di toolbar PHPMaker 2021, lalu klik tab Styles -> User, kemudian masukkan kode berikut:

span.ew-aggregate {
    display: none;
}

Kode ini berfungsi untuk menghilangkan teks TOTAL: (ya, beserta karakter titik duanya sekalian).

Timbul pertanyaan lagi, mengapa tidak menggunakan kode jQuery saja untuk menyembunyikan bagian tersebut?

Jawabannya, kita tidak menggunakan jQuery, karena jika menggunakan jQuery, saat halaman List ditampilkan, maka tulisan TOTAL: sejenak masih muncul, lalu setelah itu akan ada jedah waktu sepersekian detik sampai tulisan TOTAL: menjadi hilang.

Tentu kurang bagus dan terkesan tidak profesional Aplikasi Web tersebut. Oleh karena itu, sangat disarankan untuk mengoptimalkan fitur CSS yang kode-nya bisa kita tambahkan sendiri dari bagian User Styles tadi.

Terakhir, pastikan jangan lupa untuk men-generate ulang semua file script menggunakan PHPMaker 2021, seperti biasa.

Lalu setelah itu, buka Aplikasi Web dari browser, dan pastikan sudah memuat ulang file .css yang terakhir di-generate oleh PHPMaker 2021 tadi. Lakukan hard refresh, atau tampilkan isi dari file .css tadi dari View Page Source.

Setelah login menggunakan username admin dan password master, lalu buka menu List Order Details, maka sekarang kita sudah tidak lagi melihat tulisan TOTAL: di baris aggregate dari table yang menampilkan data order details. Demikian juga nilai penjumlahannya sekarang ditampilkan dengan tulisan cetak tebal (bold), dan juga sudah rata kanan.

Betapa mudah dan cepatnya menerapkan kebutuhan tadi dari PHPMaker 2021. Hanya dengan sedikit kode PHP dan CSS itu saja, kita sudah bisa menyesuaikan teks pada baris Aggregate dari table yang terdapat di halaman List.

O iya, sebagai penutup, sengaja saya tampilkan beberapa artikel yang terkait dengan topik bahasan kita kali ini. Tujuannya, supaya jika Anda saat membuka beberapa artikel di bawah ini, Anda masih bisa melihat keterkaitan antar artikel-artikel tersebut dengan artikel yang membahas PHPMaker versi terakhir saat artikel ini saya tulis:
– Mudahnya Membuat Teks Fungsi Aggregate Menjadi Bold dan Rata Kanan
– Mudahnya Menghilangkan Tulisan Total di Bawah Tabel Halaman List
– Alternatif Cara Membuat Nilai Total Rata Kanan di Aplikasi Web dari PHPMaker
– Mudahnya Membuat Nilai Total di Preview Row Menjadi Bold dan Rata Kanan dari PHPMaker

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, CSS, PHPMaker 2021, Row_Rendered, Server Events, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com, ilovephpmaker.com, dan phpmakerprojects.com.

Mencegah Pengguna Memilih Tanggal yang Sudah Lewat di DateTimePicker pada PHPMaker 2021
Mudahnya Menampilkan DateTimePicker di Custom Files pada PHPMaker 2021

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses

Pos-pos Terbaru

  • Masino Extensions for PHPMaker 2025 Now Changed!
  • Begini Mudahnya Mengurangi Lebar Combobox pada PHPMaker 2025
  • Mudahnya Mengubah Nilai Delay Auto Hide Success Message di PHPMaker 2025
  • Mudahnya Berpindah Layout dari Table ke Cards di Halaman List lewat PHPMaker 2025
  • Jangan Lupa Pakai AdjustSql Saat Insert atau Update Data Lewat ExecuteStatement

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Cara Mengetahui Detail Error di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • Dendi pada Cara Mengetahui Detail Error di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • Charly pada PHPMaker: PHP Code Generator + PHP Framework
  • Masino Sinaga pada PHPMaker: PHP Code Generator + PHP Framework
  • Masino Sinaga pada PHPMaker: PHP Code Generator + PHP Framework

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2025 | WordPress | Catat masuk | Kembali ke atas