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