วันศุกร์ที่ 20 กันยายน พ.ศ. 2556

jquery sortable ตัวอย่างการสลับตำแหน่งของ element ต่างๆ

.join() คือการแปลง array ให้มาเป็น string ก้อนเดียว
.data() คือการเก็บข้อมูลไว้กับ element เพิ่มเติมคลิก



จากตัวอย่างด้านบน สรุปการทำงานคร่าวๆ ลวกๆ ประมาณนี้


  1. ทำการเก็บค่า id จาก attribute ที่ชื่อ title พร้อมกับเคลียร์ค่าออก
    li.data('id',li.attr('title')).attr('title','');
  2. ประกาศใช้งาน sortable ส่วน update: function(){..} คือ เมื่อ event stop จะมีการเข้ามาทำงานที่ส่วนนี้ เช่น เราลาก element นึง ไปวางอีกที่นึง เมื่อวางเสร็จก็จะเข้ามาทำงานที่ส่วนนี้นั่นเอง
ส่วนฟังก์ชัน fnSubmit() จะมีการดึงข้อมูลจาก .data('id') เข้าไปไว้ที่ตัวแปร sortOrder  และนำข้อมูลนี้ ไปใส่ใน selector #sort_order ด้วย

ส่วนฟังก์ชัน request() จะเป็นการส่งข้อมูลให้ทางฝั่ง server ได้อัพเดทข้อมูลลง database อีกที 

อธิบายตกหล่นไปก็ช่วยเสริมๆ กันหน่อยเด้ออ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น