Select2 v4 + ajax - История изменений

Misha: /* js */

2020-03-03T15:15:29Z

← Предыдущая версия		Версия от 18:15, 3 марта 2020
Строка 35:		Строка 35:
	// функция, которая очищает выбор, если нажата кнопка очистки		// функция, которая очищает выбор, если нажата кнопка очистки
	$('.select2_ajax').on("select2:unselecting", function (e) {		$('.select2_ajax').on("select2:unselecting", function (e) {
	$(this).val(0).trigger('change');		$(this).val(null).trigger('change');
	e.preventDefault();		e.preventDefault();
	});		});
	</pre>		</pre>

	==Файл загрузки данных==		==Файл загрузки данных==
	Данные с помощью ajax должны загружаться в следующем формате		Данные с помощью ajax должны загружаться в следующем формате

Misha: /* Еще один способ передачи данных в js select2 */

2020-03-03T07:25:35Z

Еще один способ передачи данных в js select2

← Предыдущая версия		Версия от 10:25, 3 марта 2020
Строка 68:		Строка 68:
	Те атрибуты внутри ajax передаются через data-ajax--<atribute><br>		Те атрибуты внутри ajax передаются через data-ajax--<atribute><br>
	Свойства select2 передаются через data. При чем '''minimumInputLength: 1,''' в html вглядит как '''data-minimum-input-length="1"'''		Свойства select2 передаются через data. При чем '''minimumInputLength: 1,''' в html вглядит как '''data-minimum-input-length="1"'''
	==Еще один способ передачи данных в js select2==		==Еще один способ передачи данных из HTML DOM в js select2==
	Те мы в js обходим все элементы select2, вытаскиваем из них нужные данные, а затем вешаем на них сам select2.		Те мы в js обходим все элементы select2, вытаскиваем из них нужные данные, а затем вешаем на них сам select2.
	<pre>		<pre>

Misha: /* Загрузка data атрибутов через html */

2020-03-03T07:24:56Z

Загрузка data атрибутов через html

@@ Строка 67: / Строка 67: @@
 Тоже самое, что и
 Те атрибуты внутри ajax передаются через data-ajax--<atribute><br>
-Свойства select2 передаются через data. При чем  minimumInputLength: 1, в html вглядит как data-minimum-input-length="1"
+Свойства select2 передаются через data. При чем  '''minimumInputLength: 1,''' в html вглядит как '''data-minimum-input-length="1"'''

Misha: /* Загрузка data атрибутов через html */

2020-03-02T19:58:19Z

Загрузка data атрибутов через html

← Предыдущая версия		Версия от 22:58, 2 марта 2020
Строка 49:		Строка 49:
	</pre>		</pre>
	==Загрузка data атрибутов через html==		==Загрузка data атрибутов через html==
	~~<pre>~~		В JS будет
	~~<select id="search_med_r" class="mb-2 browser-default select2_ajax" data-ajax--url="/json/searh_med_work.php?type=search"~~
	~~data-minimum-input-length="1" style="width: 100%;" data-placeholder="Выберите специалиста" name="fio_vr">~~
	~~<option value=""></option>~~
	~~</select>~~
	~~</pre>~~
	~~Тоже самое, что и~~
	<pre>		<pre>
	$('.select2_ajax').select2({		$('.select2_ajax').select2({
Строка 64:		Строка 58:
	url: '/json/searh_med_work.php?type=search',		url: '/json/searh_med_work.php?type=search',
	</pre>		</pre>
			В HTML это выглядит
			<pre>
			<select id="search_med_r" class="mb-2 browser-default select2_ajax" data-ajax--url="/json/searh_med_work.php?type=search"
			data-minimum-input-length="1" style="width: 100%;" data-placeholder="Выберите специалиста" name="fio_vr">
			<option value=""></option>
			</select>
			</pre>
			Тоже самое, что и
	Те атрибуты внутри ajax передаются через data-ajax--<atribute><br>		Те атрибуты внутри ajax передаются через data-ajax--<atribute><br>
	Свойства select2 передаются через data. При чем minimumInputLength: 1, в html вглядит как data-minimum-input-length="1"		Свойства select2 передаются через data. При чем minimumInputLength: 1, в html вглядит как data-minimum-input-length="1"

Misha: /* Файл загрузки данных */

2020-03-02T19:56:52Z

Файл загрузки данных

← Предыдущая версия		Версия от 22:56, 2 марта 2020
Строка 48:		Строка 48:
	echo json_encode($data);		echo json_encode($data);
	</pre>		</pre>
			==Загрузка data атрибутов через html==
			<pre>
			<select id="search_med_r" class="mb-2 browser-default select2_ajax" data-ajax--url="/json/searh_med_work.php?type=search"
			data-minimum-input-length="1" style="width: 100%;" data-placeholder="Выберите специалиста" name="fio_vr">
			<option value=""></option>
			</select>
			</pre>
			Тоже самое, что и
			<pre>
			$('.select2_ajax').select2({
			minimumInputLength: 1,
			placeholder: 'Выберите специалиста',
			ajax:
			{
			url: '/json/searh_med_work.php?type=search',
			</pre>
			Те атрибуты внутри ajax передаются через data-ajax--<atribute><br>
			Свойства select2 передаются через data. При чем minimumInputLength: 1, в html вглядит как data-minimum-input-length="1"

Misha: /* HTML */

2020-03-02T18:19:21Z

HTML

← Предыдущая версия		Версия от 21:19, 2 марта 2020
Строка 5:		Строка 5:
	</select>		</select>
	</pre>		</pre>
	# data-url - url, где находятся данные для select		# data-url - url, где находятся данные для select (ajax)
	# data-miniinpit - количество символов, после которых будет произведена отправка ajax		# data-miniinpit - количество символов, после которых будет произведена отправка первого ajax запроса.
	# data-placeholder - placeholder		# data-placeholder - placeholder

	==js==		==js==
	<pre>		<pre>

Misha: /* js */

2020-03-02T18:18:12Z

@@ Строка 37: / Строка 37: @@
    e.preventDefault();
 });
 </pre>

Misha: Новая страница: «==HTML==