Tag Archives: Ajax

Chained Dropdown Laravel VueJS


Chained dropdown atau bahasa lainnya dropdown yang berkait (atau apa yang lain istilahnya…) biasanya ditemukan ketika membuat sebuah pilihan yang pilihan tersebut bergantung pada pilihan sebelumnya. Misalkan untuk memilih kota harus memilih provinsi terlebih dahulu., atau untuk memilih sebuah sub-kategori harus memilih kategori terlebih dahulu.

Sebenernya caranya gampang, algoritmanya cuma ketika dropdown pertama berubah valuenya, gunakan valuetersebut untuk mendapatkan data pada dropdown kedua. Continue reading

Codeigniter – JQueryUI – Autocomplete tutorial

JQueryUI Autocomplete
Kali ini saya mencoba menggabungkan jqueryui dan codeigniter lagi, dan membuat fitur autocomplete / autosuggest. Fungsi autocomplete ini adalah ketika kita mengetikkan karakter pada sebuah input text, maka akan menampilkan daftar item yang memiliki huruf awal sesuai karakter yang kita berikan. Tidak harus huruf awal, ini tergantung query kita dalam mencari item yang diinginkan.

Fitur autocomplete itu sendiri sudah dimiliki oleh plugin jqueryui secara default. Sehingga tidak perlu plugin tambahan lagi. Cukup dipanggil dengan .autocomplete pada elemen yang diinginkan (bisa menggunakan id atau class).
Continue reading

CRUD sederhana dengan jquery, jqueryui, dan Codeigniter

Codeigniter
CRUD adalah singkatan dari Create Read Update dan Delete. Setiap aplikasi biasanya kebanyakan memiliki fungsi CRUD di dalamnya. Fungsi ini digunakan untuk menyimpan / menambahkan data, kemudian mengedit data dan menghapus data.

Kali ini saya akan coba memberikan contoh aplikasi CRUD sederhana, yang saya bangun menggunakan Codeigniter dan digabung dengan Jquery serta JQueryui. Apabila ada yang bertanya apa itu Codeigniter, Jquery dan Jqueryui, silahkan googling dulu, atau juga dapat mencari pada artikel blog ini (mungkin ada mungkin juga tidak 😀 ). Sehingga saya anggap, kita sudah biasa menggunakan Codeigniter dan Jquery.
Continue reading

Codeigniter Dasar – Menghapus data dengan Jquery


Untuk menghapus data menggunakan Ajax dengan Jquery, sebenarnya tidk terlalu sulit. Dengan menggunakan data yang terdahulu pernah kita buat. Kita mempunyai 2 view yaitu show.php dan input.php. Ubah show.php untuk meletakkan fungsi Jquery yang digunakan untuk mengirim data secara Ajax dan memanggil Controller untuk menghapus data. Kemudian Jquery akan menghilangkan baris dengan triger class pada barisnya dengan fungsi animate. Ah terlalu bertele-tele hahahaha bikin ribet, padahal dalam codingnya tidak terlalu banyak perubahan.
Continue reading