Since 3.3
лейаут для точного позиционирования компонентов.
Компонент AbsoluteLayout позволяет размещать компоненты на странице по указанным координатам. Размеры и положение по крайней мере одного компонента должны быть фиксированы, остальные компоненты займут оставшееся пространство. AbsoluteLayout построен на основе ui.baselayout.
Подробнее читайте в описательной документации.
var abslayout = webix.ui({
container:"layout_div",
view:"abslayout",
cells:[
{ view:"text", label:"Name", labelAlign:"right",
top: 100, left:350, width:200, height: 40 },
{ view:"text", label:"Email", labelAlign:"right",
top: 100, left:550, width:200, height: 40 },
{ view:"textarea", label:"My text box", labelPosition:"top",
top: 140, left:100, width:650, height: 100 },
{ view:"button", label:"My text box",
top: 260, left:260, width:400, height: 40 }
]
}).show();
addView | добавляет новый компонент в лейаут или перемещает существующий |
adjust | подстраивает размеры компонента под размеры HTML-контейнера |
attachEvent | задает обработчик внутреннего события компонента |
bind | связывает данные компонентов |
blockEvent | временно блокирует вызов ВСЕХ событий вызывающего объекта |
callEvent | вызывает внутреннее событие компонента |
define | переопределяет одну или несколько настроек компонента |
destructor | разрушает компонент |
detachEvent | удаляет обработчик события (который был задан ранее методом attachEvent) |
disable | блокирует компонент (он становится серым, клики по нему не срабатывают) |
enable | делает активным ранее заблокированный компонент |
getChildViews | возвращает внутренние компоненты |
getFormView | возвращает объект формы, которой принадлежит компонент |
getNode | возвращает HTML-элемент компонента |
getParentView | возвращает родительский компонент |
getTopParentView | возвращает самого верхнего родителя |
hasEvent | проверяет, есть ли у компонента обработчики указанного события |
hide | скрывает компонент |
index | возвращает порядковый номер (индекс) компонента лейаута |
isEnabled | проверяет, активен или заблокирован компонент |
isVisible | проверяет, виден ли компонент |
mapEvent | направляет события от одного компонента к другому |
queryView | возвращает внутренние компоненты, которые удовлетворяют указанному условию |
reconstruct | перестраивает лейаут |
removeView | удаляет компонент из лейаута |
resize | перерисовывает компонент после изменения размеров |
resizeChildren | перерисовывает все компоненты внутри лейаута |
show | делает компонент видимым |
showBatch | делает видимыми те элементы, параметр 'batch' которых задан определенным именем |
unbind | отменяет связывание компонентов |
unblockEvent | отменяет блокировку событий, которая была вызвана командой 'blockEvent' |
onBindRequest | срабатывает, когда компонент готов получить данные из главного компонента |
onDestruct | происходит, когда компонент был разрушен деструктором |
onViewShow | срабатывает, когда компонент появляется (вызов метода show()) |
animate | определяет анимацию для показа компонента в Multiview |
borderless | скрывает или показывает границы компонента |
cells | задает компоненты для abslayout |
cols | массив колонок лейаута |
container | HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован |
css | имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями |
disabled | блокирует или разблокирует компонент |
gravity | задает удельный (относительный) размер компонента |
height | задает высоту компонента |
hidden | скрывает компонент после его инициализации |
id | ID компонента |
maxHeight | задает максимальную высоту компонента |
maxWidth | задает максимальную ширину компонента |
minHeight | задает минимальную высоту компонента |
minWidth | задает минимальную ширину компонента |
on | позволяет присоединять обработчики к внутренним событиям компонента |
responsive | включает адаптивность для лейаута |
rows | ряды лейаута |
visibleBatch | задает группу контролов, которые будут видны после инициализации |
width | задает ширину компонента |
$getSize | возвращает текущий размер компонентов |
$height | текущая высота компонента |
$setNode | определяет HTML-элемент компонента |
$setSize | задает размеры компонента |
$skin | вызывается после применения скина |
$view | возвращает HTML-элемент компонента |
$width | текущая ширина компонента |
config | все настройки, заданные при инициализации компонента |
name | возвращает имя компонента (свойство только для чтения) |