کالید آنلاین هست
طاهره 7 دقیقه پیش رفت
سامی آنلاین هست
نرگس 30 دقیقه پیش رفت
رشید 50 دقیقه پیش رفت
کالید آنلاین هست
طاهره 7 دقیقه پیش رفت
سامی آنلاین هست
نرگس 30 دقیقه پیش رفت
رشید 50 دقیقه پیش رفت
کالید آنلاین هست
طاهره 7 دقیقه پیش رفت
سامی آنلاین هست
نرگس 30 دقیقه پیش رفت
رشید 50 دقیقه پیش رفت
برای جزئیات بیشتر به هر ستون مراجعه کنید
برای جزئیات بیشتر به هر ستون مراجعه کنید
برای جزئیات بیشتر به هر ستون مراجعه کنید
فتوشاپ
85%
ویرایشگر کد
90%
تصویرگر
65%
قالب مدیریت داشبورد سایت شما
Select2 می تواند مانند این جعبه انتخاب عادی را انتخاب کند ...
Select2 همچنین از جعبه های انتخاب چند منظوره پشتیبانی می کند. انتخاب زیر با مضرب اعلام می شود صفت.
در HTML ، <option> با قرار دادن عناصر در داخل می توان عناصر را دسته بندی کرد
یک <optgroup> عنصر:
Select2 گزینه های غیرفعال را به درستی کنترل می کند disabled ویژگی تنظیم شده است) و از منابع از راه دور که در آن شی وجود دارد disabled:
true تنظیم.
Select2 به پاسخ می دهد disabledویژگی در
<select> عناصر. همچنین می توانید Select2 را با مقدار اولیه تنظیم کنید
disabled: true تا همان اثر را بدست آورید.
شما می توانید ، و باید ، از a استفاده کنید <label> با Select2 ، درست مثل هر کس دیگری <select> عناصر.
به دو جعبه Select2 زیر فرم داده شده است 50% و 75% عرض به ترتیب برای پشتیبانی از طراحی پاسخگو:
Select2 از تم های سفارشی با استفاده از پشتیبانی می کند theme گزینه را انتخاب کنید بنابراین می توانید Select2 را متناسب با بقیه برنامه خود تنظیم کنید.
Select2 با پشتیبانی AJAX داخلی ، با استفاده از روش های AJAX jQuery ارائه می شود. در این مثال ، ما می توانیم با استفاده از GitHub's API مخازن را جستجو کنیم:
ممکن است از data گزینه پیکربندی برای بارگذاری گزینه های کشویی از یک آرایه محلی.
Select2 را می توان پیکربندی کرد تا هنگام بسته شدن کرکره با استفاده از selectOnClose گزینه:
Select2 هنگام انتخاب یک عنصر ، کشویی را بطور خودکار بسته می کند ، شبیه کاری که با جعبه انتخاب عادی انجام می شود. ممکن است از
closeOnSelect گزینه ای برای جلوگیری از بسته شدن منوی کشویی هنگام انتخاب نتیجه:
ازdropdownParent گزینه به شما امکان می دهد یک عنصر جایگزین را برای کشویی که به آن اضافه می شود انتخاب کنید:
جعبه های انتخاب چند گزینه ای Select2 می توانند محدودیت هایی را در مورد حداکثر تعداد گزینه هایی که می توانند انتخاب شوند تنظیم کنند. انتخاب زیر با
multiple صفت با maximumSelectionLength در گزینه های select2.
علاوه بر یک منوی از پیش انتخاب شده گزینه ها ، Select2 می تواند به صورت پویا گزینه های جدیدی را از ورودی متن توسط کاربر در جعبه جستجو ایجاد کند. این ویژگی "برچسب گذاری" نام دارد. برای فعال کردن برچسب گذاری ، tags گزینه به
true:
از برچسب گذاری می توان در جعبه های انتخاب چند منظوره نیز استفاده کرد. در مثال زیر ، ما تنظیم می کنیم multiple="multiple"ویژگی در یک کنترل Select2 است که همچنین tags: trueفعال شدن:
Select2 از نمایش مقدار مکان یاب با استفاده از پشتیبانی می کند
placeholder گزینه پیکربندی مقدار حفره نگهدارنده نمایش داده می شود تا زمانی که یک انتخاب انجام شود.
برای چند گزینه ، باید not یک خالی داشته باشید
<option>element:
متناوباً ، مقدار placeholder گزینه می تواند یک شی داده باشد که نمایانگر یک انتخاب پیش فرض است (<option>). در این مورد id از شی داده باید مطابقت داشته باشد
value از انتخاب پیش فرض مربوطه.
وقتی کاربران با وارد کردن اصطلاحات جستجو در جعبه جستجو ، نتایج را فیلتر می کنند ، Select2 از "مطابقت" داخلی استفاده می کند تا اصطلاحات جستجو را با نتایج مطابقت دهد. شما می توانید با تعیین یک پاسخ برای matcher گزینه پیکربندی.
فقط اشیا-سطح اول به matcher پاسخگویی اگر با داده های تو در تو کار می کنید ، باید از طریق داده تکرار شوید
children آرایه کنید و آنها را به صورت جداگانه مطابقت دهید. این امکان را برای هماهنگی پیشرفته تر هنگام کار با اجسام تودرتو فراهم می کند ، به شما امکان می دهد آنها را هر طور که می خواهید اداره کنید.
با استفاده از. می توانید حداقل طول مدت جستجو را تعیین کنید
minimumInputLength گزینه:
با استفاده از عبارت حداکثر می توانید مدت عبارات را محدود کنید
maximumInputLength گزینه:
با ایجاد Javascript جدید می توان گزینه های جدید را به صورت برنامه ای به کنترل Select2 اضافه کرد Option شی و اضافه کردن آن به کنترل:
شما می توانید استفاده کنید .find برای انتخاب گزینه اگر از قبل وجود دارد ، و در غیر اینصورت ایجاد کنید:
به موارد انتخاب شده نیز می توان از طریق :selected انتخابگر جی کوئری:
اگر Select2 در وب سایت های RTL کار کند dir ویژگی بر روی تنظیم شده است
<select> یا والدین آن همچنین می توانید Select2 را با dir: "rtl" گزینه پیکربندی.
ازdestroy روش ویجت Select2 را از عنصر مورد نظر حذف می کند. دوباره به یک استاندارد برمی گردد select control:
هنگامی که اقدامات مختلفی با استفاده از این م componentلفه انجام می شود ، Select2 چند رویداد مختلف را تحریک می کند ، به شما امکان می دهد قلاب های سفارشی اضافه کنید و اقدامات انجام دهید.
هنگامی که اقدامات مختلفی با استفاده از این م componentلفه انجام می شود ، Select2 چند رویداد مختلف را تحریک می کند ، به شما امکان می دهد قلاب های سفارشی اضافه کنید و اقدامات انجام دهید.
Select2 دارای چندین روش داخلی است که امکان کنترل برنامه ای جز component را فراهم می کند.
Select2 دارای چندین روش داخلی است که امکان کنترل برنامه ای جز component را فراهم می کند.