مرتب سازی لیست ها در جاواسکریپت با کشیدن و رها کردن

مهندس سلام.
ممنون میشم کدش و نحوه ذخیره سازی موقعیتش رو بهم بدین به شدت دنبال این مورد بودم
بازهم ممنون

اینجاست

@alavi.it88

خیلی خیلی ممنون

خواهش میکنم@alavi.it88

شما برای ذخیره ترتیب هر آیتم نیازمند یک فیلد هستید که مثلا اسمش رو بذاریم orderindex که یک integer هست و از این به بعد موقع کوئری گرفتن مبنای sorting ما قرار می‌گیره.

حالا اگر تعداد آیتم هاتون زیاده و باید از pagination استفاده کنید، کافیه مقدار orderindex های جدید رو متناسب با شماره صفحه محاسبه کنید. یعنی مثلا اگر در هر صفحه ۱۰ آیتم می‌گیرید و الان در صفحه سوم هستید مقادیر orderindex به ترتیب میشن 21, 22, 23, 24, ... که با چندتا ضرب و تقسیم ساده بدست میاد.
بعد از درگ اند دراپ ها کافیه index قرارگیری المنت رو با جاوااسکریپت محاسبه کنیم و به بک اند بفرستیم و در دیتابیس ذخیره کنیم.

(ولی در کل توجه داشته باشید که شاید به این نحو محدودیت هایی وجود داشته باشه. مثلا اینکه شما نهایتا می‌تونید رکوردها رو داخل صفحه خودشون مرتب کنید و امکان انتقال به صفحه قبل و بعد وجود نداره. اگر این قضیه براتون مهم هست به نظرم مثلا میشه از infinite scrolling استفاده کرد. یعنی هر وقت به انتهای لیست اسکرول کردیم رکوردهای صفحه بعدی فراخونی بشن و به انتهای همون لیست اضافه بشوند)

پ ن: پکیج زیر رو هم یک بررسی بکنید. از خیلی جهات برتری داره نسبت به jquery UI که می‌تونید در قسمت توضیحاتش مطالعه کنید و در عمل آزمایش کنید. من ازش استفاده کردم و خیلی راضیم:
http://sortablejs.github.io/Sortable/

ممنونم از شما برسی میکنم
برای معرفی پکیج هم بازم ممنوم
@mhyeganeh

سلامت باشید.