Month: May 2015

Bootstrap Modal Lookup dengan Datatables

Apa itu? hehe.. judulnya mungkin memang membingungkan karena saya sendiri juga belum tahu apa istilah untuk input model seperti ini :D. Saya menamakannya lookup. DEMO | DOWNLOAD Sebenarnya saya pernah mengulas topik yang sama beberapa bulan yang lalu di sini. Namun pada waktu itu kita belum menggunakan modal bootstrap. Kali ini kita akan menggunakan modal bootstrap dan menggabungkannya dengan datatables. Prinsipnya sederhana sebenarnya, yaitu kita memiliki form dengan tombol lookup. Bila kita tekan tombol tersebut akan muncul modal yang berisi tabel data. Bila kita klik salah satu baris pada tabel tersebut, data yang terpilih akan masuk ke form. Lookup...

Read More

Menampilkan serverside datatables pada codeigniter 3

STOP ! : Kode pada artikel ini sudah diupdate disini Dapat request lagi ne.. kali ini kita akan membahas tentang cara menampilkan serverside datatables. Bila anda mengikuti harviacode.com, pada artikel sebelumnya kita telah membahas tentang cara menampilkan serverside datatables, menambahkan nomor urut dan menambahkan link edit dan delete namun secara prosedural. Berikut ini adalah implementasinya bila menggunakan codeigniter 3. Yang perlu anda lakukan adalah sebagai berikut : Step 1 : Anda memerlukan class ssp.class.php. Pada kesempatan ini, saya telah sedikit memodifikasi class tersebut dan menjadikan nya library codeigniter. Anda bisa mendownload library tersebut di sini dan letakkan dalam folder...

Read More

Menambahkan link edit dan delete pada serverside datatables

Kita telah belajar membuat serverside datatables, menambahkan nomor urut, sekarang kita akan menambahkan link edit dan delete. Untuk melengkapi table CRUD, tentu pada table harus ada link edit dan delete didalamnya. Untuk membuatnya berikut ini adalah langkah – langkahnya : Step 1 : Kita perlu memodifikasi variabel $columns pada file provinsi.php dengan menambahkan array berisi link edit dan delete provinsi.php PHP <?php if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && ( $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest' )) { require 'ssp.class.php'; // nama table $table = 'provinsi'; // Table's primary key $primaryKey = 'id_provinsi'; // Array of database columns which should be read and sent back to...

Read More

Menambahkan nomor urut pada serverside datatables

Setelah pada artikel sebelumnya kita membuat serverside datatables, sekarang kita coba menambahkan nomor urut pada datatables. Untuk menambahkan nomor urut pada serverside datatables kita memanfaatkan api paging info dari datatables. Caranya yaitu Step 1 : kita buat fungsi paging info untuk mendapatkan info tentang halaman seperti start record, halaman saat ini, total halaman dan lain sebagainya. Step 2 : Kita kosongkan kolom pertama dengan mengubah data menjadi null dan orderable menjadi false. Step 3 :kita melakukan penghitungan awal nomor urut berdasarkan data dari paging info tersebut. Kemudian menuliskannya di awal kolom. Berikut ini hasil akhir pada file index.php :...

Read More

Menampilkan Serverside DataTables

Setelah kita membahas cara menampilkan datatables secara clientside dan dengan ajax, kini tiba giliran kita menampilkan datatables dengan serverside. Serverside datatables merupakan cara yang paling ampuh untuk menampilkan data yang berjumlah besar. Bila data anda berjumlah puluhan ribu baris, sangat disarankan menggunakan serverside datatables. Untuk membuat serverside datatables cukup mudah, berikut ini adalah langkah -langkahnya : Catatan : Saya asumsikan anda telah memiliki tabel provinsi yang sebelumnya digunakan dalam ajax datatable. (anda bisa mendownloadnya di akhir artikel ini) Step 1 : Anda memerlukan file serverside processing yaitu ssp.class.php (anda bisa mendownloadnya di akhir artikel ini). Step 2 : Buatlah...

Read More