Segmented Button

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

Обзор

Segmented - это панель кнопок с любым количеством сегментов. Может использоваться для переключения слайдов в MultiView.

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

{view:"segmented", multiview:true, value:1, options:[
    { id:"1", value:"Section A" }, // изначально выбранная вкладка
    { id:"2", value:"Section B" }, 
    { id:"3", value:"Section C" }]
}
 
// короткая форма записи массива опций
{ view:"segmented", options:["Section A", "Section B", "Section C"]}

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

multiview (boolean) - связывает Segmented с находящимся рядом Multiview;
options (array, object) - задает кнопки (вкладки) для контрола. Подробнее;
value (string, number)
- внутри массива options - определяет названия для вкладок;
- внутри конструктора Segmented - определяет изначально выбранную вкладку;
label (string) - задает текст ярлыка. Можно настроить с помощью:
- labelAlign (string) - выравнивание ярлыка внутри его контейнера. Возможные значения "left" и "right". По умолчанию ярлык расположен слева от контрола;
- labelWidth (number) - ширина контейнера ярлыка.

Показать/скрыть опции

Контрол Segmented позволяет показывать и скрывать вкладки с помощью соответствующих методов showOption и hideOption.

Передайте ID нужной вкладки в качестве параметра.

// скрывает сегмент
$$("segmented").hideOption("viewId");
 
// показывает сегмент
$$("segmented").showOption("viewId");

Работа с Segmented

Добавление и удаление сегментов (опций)

Статьи по теме

Segmented Button CSS Image Map

Наверх