Jaringscript: 03/20/20

Membuat Pagging Data - INFO : Blog krikilltech.blogspot.com Sekarang sudah berganti menjadi jaringscript.blogspot.com .

Sekarang kita akan membuat sebuah pagging data. Pagging ini bertujuan untuk membagi data menjadi beberapa halaman. Bayangkan saja ketika data kita itu sudah ratusan atau ribuan akan sangat merepotkan jika kita harus scrool ke bawah kan. Maka dari itu, kita akan buat pagging ini. Bagaimana Cara Membuat Pagging itu?

Sebelum Pagging data

Nah, lihat data kelas punya saya ini sudah lumayan banyak yaa. Yang akan saya lakukan ini adalah membagi data tersebut menjadi beberapa halaman, setiap halamannya itu hanya menampilkan 5 buah data saja. Jadinya nanti akan seperti ini.

Sesudah Pagging data

Jika diperhatikan dengan baik, pada menu kelas ini . Di bagian bawah table terdapat angka yang berfungsi untuk berpindah halaman. Sekarang kita akan coba membuatnya.

Silahkan teman teman seperti biasa dijalankan terlebih dahulu Web Server dan Code Editornya. Dan buka coding bagian CRUD Data Kelas !

Tambahkan Script dibawah kedalam kelas.php !

Konfigurasi Pagging

Hal pertama yang kita lakukan adalah menentukan jumlah data yang akan ditampilkan disetiap halamannya dan masukkan kedalam variable $totalDataHalaman. Kemudian kita hitung jumlah data yang ada pada table kelasnya untuk kita bagi dengan Jumlah Data yang akan kita tampilkan per halamannya. Query yang kita gunakan untuk membaginya adalah ceil fungsinya untuk pembulatan bilangan ke atas, jika kita ambil contoh yaa, misalkan data yang kita punya itu 10 terus kita bagi 3 maka hasilnya akan 3.3 yaa, Jika kita gunakan ceil maka nanti hasilnya akan menjadi 4. Lalu kita tentukan terlebih dahulu data yang akan kita tampilkan itu mulai dari mana, jika petugas itu berada pada halaman awal pastinya akan menampilkan data mulai dari awal yaitu index ke [0] - [4] karena data yang akan kita tampilkan itu 5 data saja. Terus jika petugas itu berada pada halaman ke 2 data keberapa kita tampilkan terlebih dahulu? Pasti data dari index ke [5]. Sekarang kita buat jadi otomatis, kita buat variable $dataAwal lalu kita kalikan Total data PerHalaman kita dengan Halaman yang sedang aktif terus kita kurangi dengan Total data PerHalaman. Jika petugas berada pada halaman pertama, Maka Total data PerHalaman kita kali dengan angka 1 hasilnya 5 lalu kita kurangi lagi dengan Total data PerHalaman, jadi hasilnya adalah 0. Coba jika petugas berada pada halaman kedua, Maka 5 kalikan dengan angka 2 hasilnya 10 terus kita kurangi 5 hasilnya 5.

Tambahkan query LIMIT pada $sql !

Tambahkan query LIMIT

Query LIMIT ini berfungsi untuk membatasi data yang akan kita tampilkan. Querynya LIMIT [Data awal yang kita tampilkan], [Jumlah data yang akan kita tampilkan]. Kita gunakan variable yang telah kita konfigurasikan sebelumnya. Jadi jika berada pada halaman kedua, berarti data awal kita adalah index ke 5 dan jumlah datanya itu adalah 5. Maka sudah benar ya konfigurasi yang kita buat ini.