قابلیت مرتب سازی ( SortableJs )

لیست های کشیدن و رها کردن قابل تنظیم مجدد برای مرورگرهای مدرن و دستگاه های لمسی. برای لیست کامل دستورالعمل ها و گزینه های دیگر، اسناد رسمی SortableJs را بخوانید.

لیست ساده
  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
دسته
  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
اشتراک گذاری بین لیست ها

سعی کنید از یک لیست به لیست دیگر بکشید.

  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
اشتراک گذاری بین لیست ها بدون حذف از لیست اصلی

سعی کنید از یک لیست به لیست دیگر بکشید. موردی که می کشید به لیست جدید اضافه می شود و در لیست اصلی باقی می ماند.

  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
غیرفعال کردن مرتب سازی

سعی کنید لیست راست را مرتب کنید. امکان پذیر نیست زیرا گزینه مرتب سازی آن روی false تنظیم شده است. با این حال، همچنان می توانید از لیست سمت راست به لیست سمت چپ بکشید.

  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
فیلتر

سعی کنید مورد با پس زمینه قرمز را بکشید. نمی توان آن را انجام داد، زیرا آن مورد با استفاده از گزینه filtered فیلتر شده است.

  • مورد 1
  • مورد 2
  • مورد 3
  • مورد 4
  • مورد 5
  • مورد 6
مثال شبکه بندی
مورد 1
مورد 2
مورد 3
مورد 4
مورد 5
مورد 6
مورد 7
مورد 8
مورد 9
مورد 10
مورد 11
مورد 12
مورد 13
مورد 14
مورد 15
مرتب سازی تو در تو

توجه : هنگام استفاده از جدول های مرتب سازی تو در تو با انیمیشن، توصیه می شود که گزینه fallbackOnBody روی true تنظیم شود. همچنین همیشه توصیه می شود که یا گزینه invertSwap روی true تنظیم شود یا گزینه swapThreshold کمتر از مقدار پیش فرض 1 باشد ( مثلا 0.65 ).

مورد 1.1
مورد 2.1
مورد 2.2
مورد 3.1
مورد 3.2
مورد 3.3
مورد 3.4
مورد 2.3
مورد 2.4
مورد 1.2
مورد 1.3
مورد 1.4
مورد 2.1
مورد 2.2
مورد 2.3
مورد 2.4
مورد 1.5

کپی رایت © 2020، تمام حقوق محفوظ است.