Switch Button
Since 5.2
Справочник по API
Обзор
Контрол Webix Switch - это вариант контролов Checkbox и Toggle Button. В зависимости от положения переключателя, контрол позволяет пользователю выбирать между двумя противоположными состояниями (значениями 0 и 1).
Инициализация
Для инициализации Switch используйте код ниже:
{ view: "switch", value: 1, label:"Light" }
Основные свойства
- value - (number) определяет состояние кнопки: включено (1) или выключено (0);
- label - (string) задает текст ярлыка для кнопки;
- labelWidth - (number) ширина контейнера ярлыка (по умолчанию
80); - labelRight - (string) задает текст ярлыка, который будет отображаться справа от контрола;
- onLabel - (string) текстовая метка на кнопке во включенном состоянии;
- offLabel - (string) текстовая метка на кнопке в выключенном состоянии.
Типы Switch
Вы можете определять положение ярлыка относительно контрола:
вид контрола по умолчанию, с ярлыком слева от кнопки
{ view: "switch", value: 0, label:"Sound" }
ярлык справа от кнопки
Чтобы разместить ярлык справа от кнопки, используйте свойство labelRight. Для выравнивания такого контрола в левой части экрана необходимо изменить значение свойства labelWidth, которое по умолчанию 80:
{ view: "switch", value: 0, labelWidth:0, labelRight:"Sound" }
ярлык внутри кнопки
Задайте соответствующие значения свойствам onLabel/offLabel для отображения ярлыков в каждом состоянии переключателя:
{ view: "switch", onLabel: "On", offLabel:"Off", value: 1 }