Документация для разработчиков
Темная тема

Сторонние библиотеки

Кроме собственной JS-библиотеки в Bitrix Framework используются включённые в продукт сторонние прориентарные библиотеки:

amCharts

Библиотека для построения различных графиков, лицензия на которую включена 1С-Битрикс любой редакции.

Подключение библиотеки amCharts осуществляется стандартным способом:

CJSCore::Init(['amcharts']);

Подключать библиотеку необходимо в зависимости от типа графика:

amcharts - Базовая библиотека
amcharts_funnel – Воронка, пирамида Маслоу
amcharts_gauge – Диаграмма в виде спидометра
amcharts_pie – Круговая диаграмма
amcharts_radar – Радарная диаграмма
amcharts_serial – Обычные графики
amcharts_xy – График XY

MaskedInput

Библиотека для указания масок ввода, альтернатива jquery.maskedinput.

<?php

CJSCore::Init(['masked_input']);
?>

<input type="text" id="phone" placeholder="Укажите ваш телефон" />

<script>
	BX.ready(function() {
		var result = new BX.MaskedInput({
			mask: '+7 999 999 99 99', // устанавливаем маску
			input: BX('phone'),
			placeholder: '_' // символ замены +7 ___ ___ __ __
		});

		result.setValue('9000000000'); // устанавливаем значение
	});
</script>

PhoneNumber

Для масок телефонного номера используйте библиотеку phone_number.

<?php

CJSCore::Init(['phone_number']);
?>

<span id="flag"></span>
<input type="text" id="number" placeholder="Укажите ваш телефон" />

<script>
	BX.ready(function() {
		new BX.PhoneNumber.Input({
			node: BX('number'),
			flagNode: BX('flag'), //
			flagSize: 16, // Размер флага [16, 24, 32]
			defaultCountry: 'ru', // Страна по-умолчанию
			onChange: function(e) {
				// вызывается при изменении значения
			}
		});
	});
</script>


© «Битрикс», 2001-2024, «1С-Битрикс», 2024