Kolaborasi jQuery Select2 Input Tag Pada CMS Lokomedia

April 19, 2017 | By gagaspower | Filed in: PHP.

Pada input default CMS Lokomedia khususnya pada elemen input Tag Artikel adalah dengan menggunakan komponen checkbox, akan tetapi bagaimana jika Tag yang kita punya cukup banyak ?

Pasti sangat kurang efisien bukan, nah untuk mengurangi space pada halaman input artikel CMS Lokomedia kita bisa mengupdate dengan menggunakan jQuery select2.

Akan tetapi tidak begitu banyak cara menggunakannya, untuk kesempatan ini beberapa waktu lalu saya iseng-iseng oprek CMS Lokomedia pada bagian input Tag artikel menggunakan jQuery select2.

Caranya silahkan anda download terlebih dahulu library jQuery select2 disini: select2 Github

Silahkan tambahkan style CSS dan jQuery select2 di file media.php

Silahkan sesuaikan path file scrript jquery dan css diatas dengan projek anda.

Kemudian buat fungsinya seperti dibawah ini:

Pada aksi penyimpanan artikel tidak ada yang perlu dirubah, yang perlu anda rubah adalah pada bagian edit artikel ( bukan aksi editnya ).

Untuk default CMS lokomedia terdapat sebuah fungsi GetCombobox yang masih menggunakan checkbox, seperti dibawah ini:

Silahkan ubah menjadi seperti ini:

Untuk formnya, silahkan rubah yang awalnya input type checkbox, silahkan ganti dengan combobox select, dengan menambahkan tag id yang sudah dibuat pada fungsi javascript diatas #tag, contohnya seperti ini:

Jika tidak ada kesalahan dalam coding anda, maka harusnya jadilah seperti dibawah ini:
jQuery select2 pada CMS Lokomedia

Tags: ,

Leave a Reply

Your email address will not be published. Required fields are marked *