انتخاب کنید2

اندازه ها را انتخاب کنید

برای اندازه های مختلف select2، از کلاس هایی مانند استفاده کنید.select2-size-xs, .select2-size-sm & .select2-size-lg for Large, small & Extra Small Select respectively.

انتخاب پیش فرض

انتخاب بزرگ

انتخاب کوچک

انتخاب فوق العاده کوچک

اندازه ها را چند انتخاب کنید

برای اندازه های مختلف select2، از کلاس هایی مانند استفاده کنید.select2-size-xs, .select2-size-sm & .select2-size-lg for Large, small & Extra Small Select respectively.

انتخاب پیش فرض

انتخاب بزرگ

انتخاب کوچک

انتخاب فوق العاده کوچک

تنها گزینه ها را انتخاب کنید

Select2 می تواند یک کادر انتخاب معمولی با گزینه های جستجو در کنترل انتخاب بگیرد.

انتخاب تنها با برچسب

حالت غیرفعال

مخفی کردن کادر جستجو

Select2 به شما امکان می دهد بسته به تعداد گزینه هایی که نمایش داده می شود، کادر جستجو را پنهان کنید. Infinity to tell Select2 to never display the search box.

با نماد را انتخاب کنید

از ویژگی داده استفاده کنیدdata-icon to add icon name for each options. And use class .select2-icons to set icon with option.

گزینه های چند انتخابی

Select2 همچنین از جعبه های انتخاب چند ارزشی پشتیبانی می کند. multiple attribute.

چند انتخاب با برچسب

چند انتخاب با عرض 75٪

چند انتخاب مکان یاب

حالت غیرفعال

چند انتخاب با برچسب

منتخب\nmultiple attribute with maximumSelectionLength in the select2 options.

با نماد را انتخاب کنید

از ویژگی داده استفاده کنیدdata-icon to add icon name for each options. And use class .select2-icons to set icon with option.

گزینه های رنگ

انتخاب واحد 2

رنگ پس زمینه

از کلاس استفاده کنید.select2-bg with data-bgcolor & data-bgcolor-variation attributes for background color of control.

رنگ پس زمینه کامل

از کلاس استفاده کنید.select2-full-bg with data-bgcolor & data-bgcolor-variation attributes for full select2 control background color.

انتخاب چندگانه

رنگ پس زمینه

از کلاس استفاده کنید.select2-bg with data-bgcolor & data-bgcolor-variation attributes for background color of control.

رنگ پس زمینه کامل

از کلاس استفاده کنید.select2-full-bg with data-bgcolor & data-bgcolor-variation attributes for full select2 control background color.

دسترسی برنامه‌ای و رویدادهای DOM

دسترسی برنامه ای

Select2 از روش هایی پشتیبانی می کند که امکان کنترل برنامه ای کامپوننت را فراهم می کند.

تک برنامه ای
چندگانه برنامه ای

رویدادهای DOM

Select2 برخی از رویدادها را در عنصر انتخاب اصلی ایجاد می کند و به شما امکان می دهد آن را با سایر مؤلفه ها ادغام کنید.

DOM تک
DOM چندگانه

گزینه های پیشرفته

انتخاب واحد

در حال بارگیری داده های آرایه

Select2 راهی برای بارگذاری داده ها از یک آرایه محلی ارائه می دهد.

در حال بارگیری داده های راه دور

Select2 با استفاده از متدهای AJAX جی کوئری با پشتیبانی AJAX ساخته شده است.

پشتیبانی Diacritics

تطبیق پیش‌فرض Select2، نشانه‌ها را نادیده می‌گیرد و فیلتر کردن نتایج در انتخاب‌های بین‌المللی را برای کاربران آسان‌تر می‌کند.\n

الگوسازی

گزینه های مختلف نمایش مولفه Select2 را می توان تغییر داد: می توانید به آن دسترسی داشته باشید<option> element (or <optgroup>) and any attributes on those elements using .element. Templating is primarily controlled by the templateResult and templateSelection options.

انتخاب چندگانه

سفارشی کردن نحوه تطبیق نتایج

برخلاف سایر کشویی‌های موجود در این صفحه، این صفحه تنها در صورتی با گزینه‌ها مطابقت دارد که عبارت در ابتدای رشته ظاهر شود.\n

پشتیبانی از RTL با MultiSelect

در صورتی که Select2 روی وب سایت های RTL کار کندdir attribute is set on the <select> or any parents of it. You can also initialize Select2 with dir: "rtl" set.

پشتیبانی Diacritics

تطبیق پیش‌فرض Select2، نشانه‌ها را نادیده می‌گیرد و فیلتر کردن نتایج در انتخاب‌های بین‌المللی را برای کاربران آسان‌تر می‌کند.\n

پشتیبانی از قالب با Multiselect

Select2 با استفاده از گزینه theme از تم های سفارشی پشتیبانی می کند تا بتوانید به Select2 استایل دهید تا با بقیه برنامه خود مطابقت داشته باشد.\nclassic theme, which matches the old look of Select2.

گزینه های رنگ نوار نوار

گزینه های طرح بندی

پس زمینه منوی نوار کناری


تصویر پس زمینه نوار کناری
background image
background image
background image
background image

Layout Builder را امتحان کنید