جزء "انتخاب پایه" یک منوی کشویی ساده برای انتخاب گزینه ها از یک لیست ارائه می دهد. این یک عنصر اساسی UI برای جمع آوری ورودی کاربر در قالب یک انتخاب واحد از چندین گزینه است.
مؤلفه «انتخاب پایه» راهی ساده برای گنجاندن منوهای کشویی در برنامه وب شما فراهم می کند. با دنبال کردن مراحل ذکر شده در بالا، میتوانید به راحتی فهرستهای کشویی را برای جمعآوری ورودیهای کاربر یا انتخاب از فهرستی از گزینهها ایجاد و سفارشی کنید.
مولفه "انتخابگر چندگانه" به کاربران اجازه می دهد چندین گزینه را از یک لیست انتخاب کنند. این یک عنصر UI همه کاره است که اغلب در سناریوهایی استفاده می شود که در آن کاربران نیاز به انتخاب های متعدد دارند، مانند انتخاب چندین مورد از لیست گزینه های موجود.
مؤلفه «انتخاب چندگانه» با استفاده از انتخابگر تام یک راه آسان و کاربرپسند را برای کاربران فراهم میکند تا از فهرستی از گزینهها چندین انتخاب انجام دهند. این بسیار قابل تنظیم است و می تواند با موارد استفاده مختلف در برنامه وب شما سازگار شود.
اجزای "تامانتخاب" یک کتابخانه ورودی انتخابی چندمنظوره است که به شما اجازه میدهد تا منوهای کشویی سفارشی و ورودیهای چندگانه را ایجاد کنید. در این بخش، ما به بررسی چگونگی بهبود اجزای "تامانتخاب" خود با اضافه کردن یک سربرگ به منوی کشویی میپردازیم. این میتواند به خصوص مفید باشد زمانی که میخواهید متن کناری یا گروهها را در داخل منوی کشویی فراهم کنید. زمانی که میخواهید زمینه یا گروه بندی برای موارد داخلی منوی کشویی فراهم کنید.
با اضافه کردن یک سربرگ به اجزای "تامانتخاب" خود میتوانید متن کناری ارزشمند و گروهبندی برای options within منوی کشویی فراهم کنید. This enhances the user و به کاربران کمک میکند تا انتخابهای آگاهانه داشته باشند. عنوان سربرگ را برای تطابق با نیازها و طراحی برنامهی شما سفارشی سازی کنید. نیازها و طراحی. کتابخانه "تامانتخاب" ارائه میدهد نیازها و طراحی. کتابخانه "تامانتخاب" افزونههای مختلفی ارائه میدهد برای گسترش عملکرد ورودیهای انتخابی شما.
اجزای "تامانتخاب"، در کنار یک گروه ورودی، به شما امکان میدهد تا یک ورودی انتخابی شیک و کارآمد را با یک آیکون یا کاراکتر سفارشی پیش از آن ایجاد کنید. این زمانی مفید است که میخواهید زمینه اضافی را به ورودی انتخابی فراهم کنید.
ترکیب اجزای "تامانتخاب" با یک گروه ورودی به شما امکان میدهد تا ورودی انتخابی با آیکون یا کاراکتر شخصی سازی شده قبل از آن ایجاد کنید. این ویژگی واسط کاربر و یک نمایش بصری منحصر به فرد برای ورودی انتخابی شما فراهم میکند، که آن را بیشتر کاربرپسند و جذاب میکند. نمایش برای ورودی انتخابی شما، که آن را بیشتر کاربرپسند و جذاب تر میکند.
اجزای "تامانتخاب" به راحتی قابل پیکربندی برای غیرفعال سازی، کاربران را از تعامل با آن جلوگیری میکند. این ویژگی زمانی مفید است که میخواهید یک ورودی انتخابی را نمایش دهید که توسط کاربر تغییر یافته یا انتخاب نشود. ورودی که نباید توسط کاربر تغییر یابد یا انتخاب شود. user.
اجزای "تامانتخاب" به راحتی با تنظیم ویژگی غیرفعال به درستی میتوانند غیرقابل انتخاب و جلوگیری از تعامل کاربر. این ویژگی به خصوص زمانی مفید است که میخواهید یک ورودی انتخابی را نمایش دهید که فقط برای موارد اطلاعاتی است و توسط کاربران انتخاب نشود. شما میتوانید ظاهر و محتوای "تامانتخاب" غیرفعال شده را به نیازها و طراحی برنامه خود تنظیم کنید. آن را به برنامه خود اضافه کنید تا یک واسط کاربرپسند و قابل دسترسی ایجاد کنید. و نباید توسط کاربران تغییر یابد. شما میتوانید ظاهر و محتوای "تامانتخاب" غیرفعال را سفارشی کنید تا با سبک و طرح برنامهی شما همخوانی داشته باشد. آن را در برنامهی خود به عنوان نیازهای خود، به طوری که یک رابط کاربری کاربرپسند و قابل دسترسی ایجاد شود. رابط کاربری کاربرپسند و قابل دسترس.
جزء "TomSelect" به شما امکان می دهد ورودی های انتخابی را با گزینه های غیرفعال ایجاد کنید. گزینههای غیرفعال، عناصری در منوی کشویی هستند که توسط کاربران قابل انتخاب نیستند. این می تواند برای ارائه زمینه اضافی یا نشان دادن گزینه های غیرقابل دسترس در یک ورودی انتخابی مفید باشد.
مولفه "انتخابگر تام" به شما امکان می دهد گزینه های غیرفعال را در یک ورودی انتخابی قرار دهید. این گزینه های غیرفعال در منوی کشویی نمایش داده می شوند اما توسط کاربران قابل انتخاب نیستند. می توانید از گزینه های غیرفعال برای ارائه اطلاعات اضافی یا نشان دادن گزینه هایی که در حال حاضر در دسترس نیستند استفاده کنید.
در این بخش، شما اطلاعات دقیقی درباره ویژگیها، کلاسها، و گزینههای موجود که میتوان با این مؤلفه استفاده کرد را پیدا خواهید کرد. درک این ویژگیها برای سفارشیسازی و پیکربندی مؤلفه برای تنظیمات خاص شما بسیار مهم است.
در زیر لیستی از ویژگیهایی که میتوان به اجزاء منتقل کرد، آمده است:
پراپ | نوع | شرح |
---|---|---|
`value` | `string` یا `string[]` | مقدار(های) انتخاب شده در اجزای تامانتخاب. |
`onگزینهAdd` | `(value: string) => void` | یک تابع فراخوانی که هنگام اضافه شدن یک گزینه فراخوانی می شود. |
`onChange` | `(value: `string` or `string[]`) => void` | تابع بازخوانی که هنگامی که selected تغییر میکند. |
`options` | `TomSettings` | گزینههای پیکربندی تامانتخاب. |
`getRef` | `(el: TomSelectElement) => void` | یک تابع که یک مرجع به عنصر ورودی تامانتخاب. |