Membuat paging di codeigniter dengan mudah

Membuat pagination dengan mudah

Ada kalanya kita memerlukan cara yg singkat untuk menyelesaikan suatu masalah, salah satunya pagination ini pernah terjadi dengan saya kebanyakan tutorial pagination itu menggunakan MySql sebagai contohnya bagaimana dengan MSSQL ada cara nya tidak yg mudah?

Setelah berkutat dengan google akhirnya ketemu dengan http://datatables.net hahaha pagination/ paging2an mudah :P,  sekilas tentang datatables.net ini adalah plug-in dari jquery, bahkan kita bisa menggunakan themes dari jqueryui yang bisa costomize. fiture nya cukup banyak dan berlimpah.

Apakah bisa juga klo kita pake Mysql ??  Tentu bisa selama itu bentuknya adalah table bisa kita pakai datatables ini, dari tutorial sebelumnya membuat table dengan mudah di CI kita pakai sebagai contohnya.

<!DOCTYPE html>
<html>
<head>
<link href="<?php echo base_url()?>css/body_page.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/form.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/demo_page.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/demo_table.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/redmond/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
<script src="<?php echo base_url()?>javascripts/jquery-1.6.2.min.js"  type="text/javascript"></script>
<script src="<?php echo base_url()?>javascripts/jquery-ui-1.8.16.custom.min.js"  type="text/javascript"></script>
<script src="<?php echo base_url()?>jv/jquery.dataTables.js"  type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
oTable = $("#mytable").dataTable({
"bJQueryUI": true,

});
});
</script>

</head>
<body>

<?php
if(empty($nilai)){
echo "Record Kosong<>";
echo 'Data tidak dapat ditampilkan';
}else{
echo $this->table->generate($nilai);
}
?>
</body>
</html>

Ada yg perlu kita ketahui bahwa css dan javascript berada dalam satu level dengan folder aplikasi kita sehingga bentuknya seperti ini sehingga kita akan gunakan base_url() pada link kita ke css dan javascript

<link href="<?php echo base_url()?>css/body_page.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/form.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/demo_page.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/demo_table.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/redmond/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
<script src="<?php echo base_url()?>javascripts/jquery-1.6.2.min.js"  type="text/javascript"></script>
<script src="<?php echo base_url()?>javascripts/jquery-ui-1.8.16.custom.min.js"  type="text/javascript"></script>
<script src="<?php echo base_url()?>jv/jquery.dataTables.js"  type="text/javascript"></script>

————————————————————————–\
app.tutorial
–>application
–>system
–>css
–>javascript
–>index.php
–>license.txt
————————————————————————–/

Untuk merubah table yg akan kita buat menjadi pagination cukup merujuk pada id table tersebut disini saya menggukan #mytable anda dapat merubah namanya sesuai dengan ke inginan anda

<script type="text/javascript">
$(document).ready(function(){
oTable = $("#mytable").dataTable({
"bJQueryUI": true,

});
});
</script>

Cukup mudah bukan membuat pagging dengan singkat dan cepat ?? tanpa harus merubah sourcecode kita 😀

tanpa harus merubah sourcecode kita 😀

Kesimpulan: Pada pembuatan pagination ini kita tidak menggunakan library dari CI tetapi menggunakan javascript untuk membuat paging ini, fiture yg di berikan cukup banyak dari fungsi pencarian dan merubah themes berdasarkan themes jqueryui pada khusus nya

Iklan

2 thoughts on “Membuat paging di codeigniter dengan mudah

  1. gan pake dataTables sich oke kalo datanya sedikit.. .
    kalo jumlah record datanya ribuan.. . hmmm hang tu browser,,
    coz pagination ny pake javascript nya bukan dari query sql nya.. . hehehe

    • Betul, untuk jumlah record yg cukup banyak di pasti kan akan merepotkan karena query kita menggambil keseluruhan dari record yg di perlukan dan menampilkan di browser lalu melalui js di ubah menjadi page per page selain dari sisi client dari sisi server database pun juga akan kualahan menerima req ini. teknik paging juga di perlukan untuk mengatasi jumlah record yang banyak, contoh teknik pagging di dokumentasikan cukup lengkapn di userguide kecuali untuk SQL Server,

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s