Bootstrap Modal Lookup dengan Datatables

Bootstrap Modal Lookup dengan Datatables

2168
20
SHARE

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 ini sangat ampuh untuk menggantikan select. Bila data anda mencapai ribuan atau lebih sebaiknya anda menggunakan lookup ini daripada menggunakan select.

Berikut ini adalah kodenya

Untuk penerapan menggunakan codeigniter tinggal menyesuaikan data untuk lookup. Selebihnya tidak ada yang berubah. Semoga bermanfaat, jangan lupa dishare dan di like ya. Terima kasih telah berkunjung ke harviacode.com.

Bagikan artikel ini ya.. terima kasih

20 COMMENTS

  1. Makasih om artikelnya, kayaknya saya banyak belajar dari artikel disini. saya coba di ci tapi masih belum sukses, uda googling tapi belum nemu yang pas. misal kita sudah buat function di model dan controler gimana ngeload data di form modal sedangkan form modal ada di dalam form index? sory om kalau bahasa saya kurang dimengerti

    • bisa aja mas Agus.. cm harus modif javascriptnya. tinggal gimana hasil yang dimau. nanti bisa pakai implode untuk hasil multi selectnya..

  2. min, pas waktu ngeload modal, kan ada form search sama nampilin data perpage nya.
    sourcecode di php yg didownload gk ada, tapi waktu dijalankan trus di inspect element, ada form search sama data perpage nya. itu pake apa ya? trus supaya ngeload searchnya bagaimana?

    • o.. itu karena di file download itu menggunakan mysql bukan mysqli, makanya error dan tidak mw muncul datanya. sekarang kodenya telah saya ubah ke mysqli. silahkan download ulang ya. jika masih bermasalah silahkan tanyakan lagi.. 🙂

  3. gan ko eror yaa ..
    Warning: mysqli_connect(): (HY000/1049): Unknown database ‘harviacode’ in C:\xampp\htdocs\modal\index.php on line 63

    Warning: mysqli_query() expects parameter 1 to be mysqli, boolean given in C:\xampp\htdocs\modal\index.php on line 64

    Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, null given in C:\xampp\htdocs\modal\index.php on line 65

    • itu databasenya belum ada mas. silahkan sesuaikan dengan database yang anda gunakan. nanti sesuaikan juga sql nya. SELECT * FROM bla bla bla.. semoga membantu mas Didit

LEAVE A REPLY