Сторонние библиотеки
Кроме собственной 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-2025, «1С-Битрикс», 2025