مثال لیست ساده
Sortable.js گزینه های لیست ساده ای مانند انیمیشن برای مدت، onEnd برای یک تماس پس از مرتب سازی، و قابل کشیدن برای تعریف عناصر قابل کشیدن، فهرستهای قابل مرتبسازی را تعاملی و کاربرپسند میکند.
فیلتر کنید
فیلتر ".sortablejs-custom-disabled" در Sortable.js از کشیدن عناصر خاص جلوگیری می کند.این موارد خاصی را در جای خود نگه می دارد و در عین حال به کاربران امکان می دهد دیگران را جابجا کنند، کنترل و تجربه کاربر را بهبود می بخشد.
لیست های مشترک
گزینه گروه: "به اشتراک گذاشته شده" در Sortable.js مرتبسازی با کشیدن و رها کردن بین فهرستهای متعدد را فعال میکند.با استفاده از همان نام گروه، کاربران می توانند به راحتی آیتم ها را بین لیست ها جابجا کنند و تعامل و سازماندهی را افزایش دهند.
غیر فعال کردن و شبیه سازی مرتب سازی
در Sortable.js اجازه میدهد آیتمها هنگام کشیدن شبیهسازی شوند و به کاربران اجازه میدهد موارد را در لیست دیگری کپی کنند.را کشیدن "نادرست" ویژگی عناصر خاصی را ثابت نگه می دارد و از جابجایی آنها جلوگیری می کند. این گزینه ها کنترل و تعامل کاربر را افزایش می دهد.
دسته
کلاس sortablejs-custom-handle در Sortable.js مشخص می کند که یک آیکون یا عنصر خاصی به عنوان دست کشیدن برای آیتم ها است. این کاربردی بودن را بهبود می دهد و اجازه می دهد کاربران به راحتی آیتم ها را بگیرند و جابجا کنند، تجربه کاربری کلی را بهبود می بخشد.
تو در تو
یک مثال تودرتو Sortable.js به کاربران اجازه میدهد موارد را در فهرستها بکشند و رها کنند و امکان سازماندهی سلسله مراتبی را فراهم کند.این برای مدیریت وظایف ایدهآل است و امکان ترتیب مجدد بصری وظایف اصلی و وظایف فرعی را فراهم میکند.
مورد 3
فیلتر کنید
عنصر گروه در Sortable.js به کاربران امکان می دهد موارد را بین لیست های قابل مرتب سازی بکشند و رها کنند.استفاده از همان نام گروه امکان جابجایی آسان اقلام را فراهم می کند و سازماندهی را در برنامه هایی مانند مدیریت پروژه بهبود می بخشد.
کشیدن چندگانه
گزینه multiDrag: درست است در Sortable.js به کاربران امکان می دهد چندین مورد را به طور همزمان انتخاب کرده و بکشند.را SelectClassClass: "فعال" گزینه موارد انتخاب شده را برجسته می کند، تجربه کاربر و بازخورد را در طول تعامل افزایش می دهد.
تعویض کنید
گزینه مبادله: درست است در Sortable.js کاربران را قادر می سازد تا در حین کشیدن و رها کردن، دو مورد را با هم عوض کنند.رارد را با هم عوض کنند.را swapClass: "فعال" موارد در حال تعویض را برجسته می کند، بازخورد کاربر را بهبود می بخشد و تنظیم مجدد را بصری می کند.
تعویض کنید
گزینه مبادله: درست است در Sortable.js کاربران را قادر می سازد تا در حین کشیدن و رها کردن، دو مورد را با هم عوض کنند.را swapClass: "فعال"موارد تعویض شده را برجسته می کند، بازخورد کاربر را بهبود می بخشد و تنظیم مجدد را بصری می کند.