مثال لیست ساده

Sortable.js گزینه های لیست ساده ای مانند انیمیشن برای مدت، onEnd برای یک تماس پس از مرتب سازی، و قابل کشیدن برای تعریف عناصر قابل کشیدن، فهرست‌های قابل مرتب‌سازی را تعاملی و کاربرپسند می‌کند.

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

فیلتر ".sortablejs-custom-disabled" در Sortable.js از کشیدن عناصر خاص جلوگیری می کند.این موارد خاصی را در جای خود نگه می دارد و در عین حال به کاربران امکان می دهد دیگران را جابجا کنند، کنترل و تجربه کاربر را بهبود می بخشد.

مورد 1
فیلتر شده
مورد 3
مورد 4
مورد 5
مورد 6
لیست های مشترک

گزینه گروه: "به اشتراک گذاشته شده" در Sortable.js مرتب‌سازی با کشیدن و رها کردن بین فهرست‌های متعدد را فعال می‌کند.با استفاده از همان نام گروه، کاربران می توانند به راحتی آیتم ها را بین لیست ها جابجا کنند و تعامل و سازماندهی را افزایش دهند.

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

در Sortable.js اجازه می‌دهد آیتم‌ها هنگام کشیدن شبیه‌سازی شوند و به کاربران اجازه می‌دهد موارد را در لیست دیگری کپی کنند.را کشیدن "نادرست" ویژگی عناصر خاصی را ثابت نگه می دارد و از جابجایی آنها جلوگیری می کند. این گزینه ها کنترل و تعامل کاربر را افزایش می دهد.

مورد 1
مورد 2
مورد 3
مورد 4
مورد 5
مورد 6
مورد 1
مورد 2
مورد 3
مورد 4
مورد 5
مورد 6
دسته

کلاس sortablejs-custom-handle در Sortable.js مشخص می کند که یک آیکون یا عنصر خاصی به عنوان دست کشیدن برای آیتم ها است. این کاربردی بودن را بهبود می دهد و اجازه می دهد کاربران به راحتی آیتم ها را بگیرند و جابجا کنند، تجربه کاربری کلی را بهبود می بخشد.

مورد 1 مورد 2 مورد 3 مورد 4 مورد 5 مورد 6 مورد 7 مورد 8 مورد 9 مورد 10
تو در تو

یک مثال تودرتو Sortable.js به کاربران اجازه می‌دهد موارد را در فهرست‌ها بکشند و رها کنند و امکان سازماندهی سلسله مراتبی را فراهم کند.این برای مدیریت وظایف ایده‌آل است و امکان ترتیب مجدد بصری وظایف اصلی و وظایف فرعی را فراهم می‌کند.

مورد 1
مورد 2

مورد 3

مورد 3.1
مورد 3.2
مورد 3.3
مورد 3.4
مورد 4
مورد 5
مورد 6
فیلتر کنید

عنصر گروه در Sortable.js به کاربران امکان می دهد موارد را بین لیست های قابل مرتب سازی بکشند و رها کنند.استفاده از همان نام گروه امکان جابجایی آسان اقلام را فراهم می کند و سازماندهی را در برنامه هایی مانند مدیریت پروژه بهبود می بخشد.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
کشیدن چندگانه

گزینه multiDrag: درست است در Sortable.js به کاربران امکان می دهد چندین مورد را به طور همزمان انتخاب کرده و بکشند.را SelectClassClass: "فعال" گزینه موارد انتخاب شده را برجسته می کند، تجربه کاربر و بازخورد را در طول تعامل افزایش می دهد.

مورد 1
مورد 2
مورد 3
مورد 4
مورد 5
مورد 6
تعویض کنید

گزینه مبادله: درست است در Sortable.js کاربران را قادر می سازد تا در حین کشیدن و رها کردن، دو مورد را با هم عوض کنند.رارد را با هم عوض کنند.را swapClass: "فعال" موارد در حال تعویض را برجسته می کند، بازخورد کاربر را بهبود می بخشد و تنظیم مجدد را بصری می کند.

مورد 1
مورد 2
مورد 3
مورد 4
مورد 5
مورد 6
تعویض کنید

گزینه مبادله: درست است در Sortable.js کاربران را قادر می سازد تا در حین کشیدن و رها کردن، دو مورد را با هم عوض کنند.را swapClass: "فعال"موارد تعویض شده را برجسته می کند، بازخورد کاربر را بهبود می بخشد و تنظیم مجدد را بصری می کند.

سند 1
فایل های پروژه
دارایی های تصویری کد منبع مستندات کلیپ های ویدیویی
گزارش تحلیلی تنظیمات
پروفایل های کاربر لیست خرید برنامه رویداد صندوق ورودی
سفارشی سازی تم
طرح بندی:
عمودی
افقی
نیم جعبه
عرض محتوا:
پیش فرض
جعبه
جهت چیدمان:
LTR
RTL
Layout Mode:
نور
تاریک
سیستم
اندازه نوار کناری:
پیش فرض
متوسط
نماد
نماد شناور