<div class="card card-custom">
<div class="card-header">
<h3 class="card-title">
نمونه انتخابگر 2
</h3>
</div>
<!--begin::Form-->
<form class="form">
<div class="card-body">
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه های پایه</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_1" name="param">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
<option value="CA">کالیفرنیا</option>
<option value="NV">نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه دیگر</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_2" name="param">
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV" selected>نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">چند انتخابی</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_3" name="param" multiple="multiple">
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک" selected>آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV" selected>نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT" selected>مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">متن نگهدارنده</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_4" name="param">
<option label="برچسب"></option>
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV">نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">آرایه</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_5" name="param">
<option value="2" selected="selected">طراحی سایت</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">داده های از راه دور</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_6" name="param">
<option label="برچسب"></option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">غیرفعال</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_7" disabled="disabled" name="param">
<option label="برچسب"></option>
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV" selected>نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نتایج غیرفعال</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_8" name="param">
<option label="برچسب"></option>
<option value="one">نمونه یک</option>
<option value="two" disabled="disabled">نمونه دو (غیرفعال)</option>
<option value="three">نمونه سه</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">انتخاب محدود</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_9" name="param" multiple>
<option label="برچسب"></option>
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV" selected>نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">قابلیت جستجو</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_10" name="param">
<option label="برچسب"></option>
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV">نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">برچسب زدن</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<select class="form-control select2" id="kt_select2_11" multiple name="param">
<option label="برچسب"></option>
<optgroup label="آلاسکا / هاوایی منطقه زمانی">
<option value="آ ک">آلاسکا</option>
<option value="HI">هاوایی</option>
</optgroup>
<optgroup label="منطقه اقیانوس آرام زمانی">
<option value="CA">کالیفرنیا</option>
<option value="NV">نوادا</option>
<option value="OR">اورگان</option>
<option value="WA">واشنگتن</option>
</optgroup>
<optgroup label=" منطقه زمانی موینتین ">
<option value="AZ">آریزونا</option>
<option value="CO">کالرادو</option>
<option value="ID">آیداهو</option>
<option value="MT">مونتانا</option>
<option value="NE">نبراسکا</option>
<option value="NM">نیو مکزیکو</option>
<option value="ND">داکوتای شمالی</option>
<option value="UT">یوتا</option>
<option value="WY">وایومینگ</option>
</optgroup>
<optgroup label="منطقه زمانی مرکزی ">
<option value="AL">آلاباما</option>
<option value="AR">آرکانزاس</option>
<option value="IL">ایلینویز</option>
<option value="IA">آیووا</option>
<option value="KS">کانزاس</option>
<option value="KY">کنتاکی</option>
<option value="LA">لوئیزیانا</option>
<option value="MN">مینه سوتا</option>
<option value="MS">می سی سی پی</option>
<option value="MO">میسوری</option>
<option value="OK">اوکلاهما</option>
<option value="SD">داکوتای جنوبی</option>
<option value="TX">تگزاس</option>
<option value="TN">تنسی</option>
<option value="WI">ویسکانسین</option>
</optgroup>
<optgroup label=" منطقه زمانی شرقی ">
<option value="CT">کانکتیکات</option>
<option value="DE">دلاور</option>
<option value="FL">فلوریدا</option>
<option value="GA">جورجیا</option>
<option value="IN">هندوستان</option>
<option value="ME">ماین</option>
<option value="MD">یلند مارچ</option>
<option value="MA">ماساچوست</option>
<option value="MI">میشیگان</option>
<option value="NH">نیو همپشایر</option>
<option value="NJ">نیو جرسی</option>
<option value="NY">نیویورک</option>
<option value="NC">کارولینای شمالی</option>
<option value="OH">اوهایو</option>
<option value="PA">پنسیلوانیا</option>
<option value="RI">رود آیلند</option>
<option value="SC">کارولینای جنوبی</option>
<option value="VT">ورمونت</option>
<option value="VA">ویرجینیا</option>
<option value="WV">ویرجینیا غربی</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">مودال</label>
<div class=" col-lg-4 col-md-9 col-sm-12">
<a href="" class="btn btn-light-primary font-weight-bold" data-toggle="modal" data-target="#kt_select2_modal">راه اندازی مودال</a>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col-lg-9 ml-lg-auto">
<button type="reset" class="btn btn-primary mr-2">ارسال</button>
<button type="reset" class="btn btn-secondary">لغو</button>
</div>
</div>
</div>
</form>
<!--end::Form-->
</div>
// کلاس definition
var KTانتخابگر2 = function() {
// خصوصی functions
var demos = function() {
// basic
دلار('#kt_select2_1').select2({
متن نگهنام: "انتخاب a state"
});
// nested
دلار('#kt_select2_2').select2({
متن نگهنام: "انتخاب a state"
});
// multi select
دلار('#kt_select2_3').select2({
متن نگهنام: "انتخاب a state",
});
// basic
دلار('#kt_select2_4').select2({
متن نگهنام: "انتخاب a state",
allowClear: true
});
// loading data from array
var data = [{
id: 0,
text: 'سئوکار'
}, {
id: 1,
text: 'حشره'
}, {
id: 2,
text: 'طراحی سایت'
}, {
id: 3,
text: 'گرافیست'
}, {
id: 4,
text: 'تولید محتوا'
}];
دلار('#kt_select2_5').select2({
متن نگهنام: "انتخاب a value",
data: data
});
// loading remote data
function formatRepo(repo) {
if (repo.loading) return repo.text;
var markup = "<div class='select2-result-repository clearfix'>" +
"<div class='select2-result-repository__meta'>" +
"<div class='select2-result-repository__title'>" + repo.full_name + "</div>";
if (repo.description) {
markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
}
markup += "<div class='select2-result-repository__statistics'>" +
"<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> " + repo.forks_count + " Forks</div>" +
"<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> " + repo.stargazers_count + " Stars</div>" +
"<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> " + repo.watchers_count + " Watchers</div>" +
"</div>" +
"</div></div>";
return markup;
}
function formatRepoانتخابion(repo) {
return repo.full_name || repo.text;
}
دلار("#kt_select2_6").select2({
متن نگهنام: "جستجو for git repositories",
allowClear: true,
ajax: {
url: "https://api.github.com/search/repositories",
dataنوع: 'json',
delay: 250,
data: function(params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function(data, params) {
// parse the results into the format expected by انتخابگر2
// since we are using custom formatting functions we do not need to
// alter the remote جی اسON data, except to indicate that infinite
// scrolling can be used
params.page = params.page || 1;
return {
results: data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
},
cache: true
},
escapeمارچkup: function(markup) {
return markup;
}, // let our custom formatter work
minimumورودیLength: 1,
templateResult: formatRepo, // omitted for brevity, see the source of this page
templateانتخابion: formatRepoانتخابion // omitted for brevity, see the source of this page
});
// custom styles
// tagging support
دلار('#kt_select2_12_1, #kt_select2_12_2, #kt_select2_12_3, #kt_select2_12_4').select2({
متن نگهنام: "انتخاب گزینه",
});
// غیرفعال
دلار('#kt_select2_7').select2({
متن نگهنام: "انتخاب گزینه"
});
// نتایج غیرفعال
دلار('#kt_select2_8').select2({
متن نگهنام: "انتخاب گزینه"
});
// limiting the number of selections
دلار('#kt_select2_9').select2({
متن نگهنام: "انتخاب گزینه",
maximumانتخابionLength: 2
});
// hiding the search box
دلار('#kt_select2_10').select2({
متن نگهنام: "انتخاب گزینه",
minimumResultsForجستجو: Infinity
});
// tagging support
دلار('#kt_select2_11').select2({
متن نگهنام: "Add a tag",
tags: true
});
// نتایج غیرفعال
دلار('.kt-select2-general').select2({
متن نگهنام: "انتخاب گزینه"
});
}
var modalنسخه ی نمایشیs = function() {
دلار('#kt_select2_modal').on('shown.bs.modal', function () {
// basic
دلار('#kt_select2_1_modal').select2({
متن نگهنام: "انتخاب a state"
});
// nested
دلار('#kt_select2_2_modal').select2({
متن نگهنام: "انتخاب a state"
});
// multi select
دلار('#kt_select2_3_modal').select2({
متن نگهنام: "انتخاب a state",
});
// basic
دلار('#kt_select2_4_modal').select2({
متن نگهنام: "انتخاب a state",
allowClear: true
});
});
}
// Public functions
return {
init: function() {
demos();
modalنسخه ی نمایشیs();
}
};
}();
// Initialization
jQuery(document).ready(function() {
KTانتخابگر2.init();
});
