Switch Button

Справочник по API

Обзор

Контрол Webix Switch - это вариант контролов Checkbox и Toggle Button. В зависимости от положения переключателя, контрол позволяет пользователю выбирать между двумя противоположными состояниями (значениями 0 и 1).

Инициализация

Для инициализации Switch, используйте код ниже:

{ view: "switch", value: 1, label:"Light" }

Related sample:  Switch button

Основные свойства

  • 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 }
Наверх