ui.resizer

перетаскиваемая граница в лейауте.

Компонент используется, чтобы дать пользователю возможность менять размеры элементов интерфейса. Перетаскиваемые границы визуально отличаются от обычных. Подробнее читайте в описательной документации layout.

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

webix.ui({  
  id:"layout",
  rows:[
    { template:"row 1" },
    { view:"resizer" },
    { template:"row 2" },
    { view:"resizer" },
    { cols:[
      { template:"column 1" },
      { view:"resizer"},
      { template:"column 2" },
    ]}
  ]
});

С чего начать

Methods
adjust подстраивает размеры компонента под размеры HTML-контейнера
bind связывает данные компонентов
define переопределяет одну или несколько настроек компонента
destructor разрушает компонент
disable блокирует компонент (он становится серым, клики по нему не срабатывают)
enable делает активным ранее заблокированный компонент
getChildViews возвращает внутренние компоненты
getFormView возвращает объект формы, которой принадлежит компонент
getNode возвращает HTML-элемент компонента
getParentView возвращает родительский компонент
getTopParentView возвращает самого верхнего родителя
hide скрывает компонент
isEnabled проверяет, активен или заблокирован компонент
isVisible проверяет, виден ли компонент
queryView возвращает внутренние компоненты, которые удовлетворяют указанному условию
resize перерисовывает компонент после изменения размеров
show делает компонент видимым
unbind отменяет связывание компонентов
Events
onItemSingleClick позволяет различать события одиночного и двойного клика
onViewShow срабатывает, когда компонент появляется (вызов метода show())
Properties
animate определяет анимацию для показа компонента в Multiview
borderless скрывает или показывает границы компонента
container HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован
css имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
disabled блокирует или разблокирует компонент
gravity задает удельный (относительный) размер компонента
height задает высоту компонента
hidden скрывает компонент после его инициализации
id ID компонента
keyPressTimeout задержка между нажатием клавиши и обработчиком
maxHeight задает максимальную высоту компонента
maxWidth задает максимальную ширину компонента
minHeight задает минимальную высоту компонента
minWidth задает минимальную ширину компонента
onContext свойство, используемое для определения пользовательских обработчиков контекстного клика (клика правой кнопкой мыши) для элементов в ячейках DataTable
width задает ширину компонента
Other
$getSize возвращает текущий размер компонентов
$height текущая высота компонента
$scope область имен для событий и методов
$setNode определяет HTML-элемент компонента
$setSize задает размеры компонента
$skin вызывается после применения скина
$view возвращает HTML-элемент компонента
$width текущая ширина компонента
config все настройки, заданные при инициализации компонента
name возвращает имя компонента (свойство только для чтения)
on_click переопределяет обработку кликов по элементам компонента
on_context свойство, используемое для определения пользовательских обработчиков клика правой кнопкой мыши для элементов в компонентах
on_dblclick определяет обработчики для двойных кликов по элементам компонентов (по названию их CSS-класса)
on_mouse_move добавляет обработчик для события mousemove над элементами компонентов (по названию их CSS-класса)
Наверх