SortableJS
کتابخانهٔ مرتبسازی با کشیدن و رها کردن. فهرستها را قابل جابهجایی میکند، از لمس پشتیبانی میکند و بدون وابستگی به jQuery روی هر ساختار HTML کار میکند. رویدادهای آن ترتیب تازه را برای ذخیره در اختیارتان میگذارند.
معرفی محصول
پیادهسازی درستِ کشیدن و رها کردن — با پشتیبانی لمسی، پیمایش خودکار و جابهجایی میان چند فهرست — کار کوچکی نیست. SortableJS همین را در یک کتابخانهٔ سبک و بدون وابستگی حل کرده است.
کاربرد اصلی
برای مرتبسازی فهرست کارها، چیدمان تصاویر گالری، ستونهای تختهٔ کانبان و هر جایی که کاربر باید ترتیب را خودش تعیین کند. رویدادهای آن ترتیب تازه را برای ذخیره در اختیارتان میگذارد.
مناسب چه کسانی است
برای پنلهای مدیریتی و ابزارهای داخلی. اگر فقط یک فهرست کوتاه ثابت دارید، احتمالاً نیازی به آن نیست.
مزایا
پشتیبانی لمسی روان روی موبایل، امکان جابهجایی میان چند فهرست، و انیمیشن نرم هنگام جابهجایی. برای فریمورکهای رایج هم بستهٔ رسمی دارد.
اطلاعات فنی
- سازنده: SortableJS
- لایسنس: MIT
- پیشنیاز: مرورگر مدرن
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://sortablejs.github.io/Sortable/
- مخزن کد: https://github.com/SortableJS/Sortable
- مستندات: https://github.com/SortableJS/Sortable#options
�
تنباز و رایگان
لایسنس MIT
کشیدن و رها کردن
�
رتبسازی �
ستقی�
توسط کاربر
پشتیبانی ل�
سی
کارکرد روان روی �
وبایل
جابهجایی �
یان فهرستها
انتقال آیت�
بین چند گروه
انی�
یشن نر�
بازخورد بصری هنگا�
جابهجایی
بدون وابستگی
نیازی به jQuery ندارد
رویدادهای کا�
ل
دریافت ترتیب تازه برای ذخیره
دسته و فیلتر
تعیین ناحیهٔ �
جاز کشیدن
- کتابخانه را با npm نصب کنید یا فایل آماده را در صفحه وارد کنید.
- عنصر دربرگیرندهٔ فهرست را انتخاب کنید.
- نمونهٔ Sortable را با تنظیمات دلخواه بسازید.
- در رویداد پایان جابهجایی، ترتیب تازه را ذخیره کنید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
Chart.js
کتابخانهٔ رسم نمودار با canvas. هشت نوع نمودار پایه — خطی، میلهای، دایرهای و بقیه — را با پیکربندی ساده میسازد و خروجیاش واکنشگرا و متحرک است. برای داشبورد مدیریتی و گزارش فروش گزینهٔ متداولی است.
Swiper
کتابخانهٔ اسلایدر و کروسل با پشتیبانی کامل لمسی. بدون وابستگی به jQuery کار میکند، حالت راستبهچپ دارد و برای گالری تصویر، اسلایدر محصول و بنر صفحهٔ اصلی مناسب است. ماژولهایش را میتوان انتخابی وارد کرد تا حجم کم بماند.
Alpine.js
فریمورک جاوااسکریپت بسیار سبک که رفتار تعاملی را مستقیم در نشانهگذاری مینویسید. برای منوی کشویی، تب و مودال، بدون نیاز به فرایند ساخت یا فریمورک سنگین. برای سایتهایی که سمت سرور رندر میشوند انتخاب سبکی است.
Axios
کتابخانهٔ ارسال درخواست HTTP بر پایهٔ Promise که هم در مرورگر و هم در Node.js کار میکند. رهگیر درخواست و پاسخ، لغو درخواست و تبدیل خودکار JSON را در خود دارد.