ui.tabview

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

Tabview - гибрид компонентов Multiview и Tabbar. С помощью Tabview вы можете разделить содержимое лейаута на вкладки и переключаться между ними. Подробнее читайте в описательной документации tabview.

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

var tabview = webix.ui({
    view:"tabview",
    cells:[     
      {
        header:"Form",
        body:{
            template:"Form Content"     
        }      
      },
      { header:"Empty", 
        body:{
          template:"Some content"
        } 
      }
    ]
});

С чего начать

• Обзор компонента Tabview
• Примеры

addView	добавляет новую вкладку в tabview
adjust	подстраивает размеры компонента под размеры HTML-контейнера
attachEvent	задает обработчик внутреннего события компонента
bind	связывает данные компонентов
blockEvent	временно блокирует вызов ВСЕХ событий вызывающего объекта
callEvent	вызывает внутреннее событие компонента
define	переопределяет одну или несколько настроек компонента
destructor	разрушает компонент
detachEvent	удаляет обработчик события (который был задан ранее методом attachEvent)
disable	блокирует компонент (он становится серым, клики по нему не срабатывают)
enable	делает активным ранее заблокированный компонент
getChildViews	возвращает внутренние компоненты
getFormView	возвращает объект формы, которой принадлежит компонент
getMultiview	возвращает объект компонента multiview в tabview
getNode	возвращает HTML-элемент компонента
getParentView	возвращает родительский компонент
getTabbar	возвращает объект компонента Tabbar в tabview
getTopParentView	возвращает самого верхнего родителя
getValue	возвращает текущее значение контрола
hasEvent	проверяет, есть ли у компонента обработчики указанного события
hide	скрывает компонент
isEnabled	проверяет, активен или заблокирован компонент
isVisible	проверяет, виден ли компонент
mapEvent	направляет события от одного компонента к другому
queryView	возвращает внутренние компоненты, которые удовлетворяют указанному условию
removeView	удаляет вкладку из tabview
resize	перерисовывает компонент после изменения размеров
setValue	задает новое значение для компонента
show	делает компонент видимым
unbind	отменяет связывание компонентов
unblockEvent	отменяет блокировку событий, которая была вызвана командой 'blockEvent'

onBindRequest	срабатывает, когда компонент готов получить данные из главного компонента
onDestruct	происходит, когда компонент был разрушен деструктором
onViewShow	срабатывает, когда компонент появляется (вызов метода show())

animate	определяет анимацию для показа компонента в Multiview
borderless	скрывает или показывает границы компонента
cells	определяет содержимое Tabview
container	HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован
css	имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
disabled	блокирует или разблокирует компонент
gravity	задает удельный (относительный) размер компонента
height	задает высоту компонента
hidden	скрывает компонент после его инициализации
id	ID компонента
maxHeight	задает максимальную высоту компонента
maxWidth	задает максимальную ширину компонента
minHeight	задает минимальную высоту компонента
minWidth	задает минимальную ширину компонента
multiview	объект для настроек multiview в Tabview
on	позволяет присоединять обработчики к внутренним событиям компонента
padding	определяет пространство между границами лейаута и его содержимым
paddingX	задает правый и левый отступ внутри лейаута
paddingY	задает верхний и нижний отступы внутри лейаута
tabbar	объект для настроек tabbar в Tabview
type	определяет границы и отступы в лейауте
width	задает ширину компонента

$getSize	возвращает текущий размер компонентов
$height	текущая высота компонента
$setNode	определяет HTML-элемент компонента
$setSize	задает размеры компонента
$skin	вызывается после применения скина
$view	возвращает HTML-элемент компонента
$width	текущая ширина компонента
config	все настройки, заданные при инициализации компонента
name	возвращает имя компонента (свойство только для чтения)

Наверх