tabbarPopup

пользовательский попап для скрытых вкладок в tabbar

Example

webix.ui({
  view:"tabbar",
  options: [/* опции */],
  tabbarPopup:{
    body:{
      yCount:10,
    }
  }
});

Related samples

Свойство позволяет настроить попап и внутренний список.

Настройка попапа

Настройка попапа происходит внутри объекта tabbarPopup:

webix.ui({
  view:"tabbar",
  options: [/* опции */],
  tabbarPopup:{
    width: 200,
    // произвольные стили для попапа
    css: "myCSS",
    // конфигурация внутреннего списка
    body: {
      yCount: 10,
      template: "#value#"
    }
  }
});

В объекте tabbarPopup можно использовать любые настройки, которые подходят для попапа или списка.

Использование заранее созданного попапа

В свойство tabbarPopup можно передать уже готовый попап (его ID или сам компонент):

// создаём компонент попап
webix.ui({
  id:"win",
  view:"popup",
  body:{
    view:"list",
    // необходимо также описать обработчики для событий
  }
});
 
const tabbar = {
  view:"tabbar",
  tabMinWidth:200,
  options: [/* опции */],
  // указываем созданный попап в качестве значения 
  tabbarPopup: "win" // или $$("win")

Наверх