Cara Membuat Sortable Pada jQuery UI

Sortable adalah fungsi yang sudah ada pada jquery-ui yang berguna untuk mengatur list-list dengan cara drag and drop. Dengan fungsi sortable ini maka temen temen bisa membuat drag and drop pada element. Oke langsung mulai implementasi dan saya akan membuat contoh sederhana yaitu membuat beberapa list record data yang bisa kita urutkan langsung dengan cara men-drag untuk di urutkan sesuai keinginan kita.

Pada code HTML diatas saya telah memberikan id = "names" dimana untuk menentukan event yang akan diberikan fungsi sortable. Kemudian Baris kode awal adalah temen harus memanggil atau include file jquery dan jqueryui sebagai berikut

dan temen temen ketikkan fungsi dibawah ini

Sampai di sini temen temen sudah bisa men-drag atau menyeret langsung list record tersebut.

temen temen juga bisa menambahkan option option pada fungsi tersebut sebagai berikut

dengan demikian menggunakan jquery ui sortable dimana tampilan untuk daftar list yang kita buat akan lebih interaktif. Selamat Mencoba

22 September 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat