ui.form

форма, в которую можно поместить графические контролы.

В компоненте Form поддерживается валидация ввода и возможность сохранять данные в базу данных. Подробнее читайте в описательной документации Form.

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

var form = webix.ui({
    view:"form", 
    elements:[
        { view:"text", label:"Email" },
        { view:"text", type:"password", label:"Password" },
        {cols:[
            { view:"button", value:"Login", css:"webix_primary" },
            { view:"button", value:"Cancel" }
        ]}
    ]
});

С чего начать

Methods
addView добавляет новый компонент в лейаут или перемещает существующий
adjust подстраивает размеры компонента под размеры HTML-контейнера
attachEvent задает обработчик внутреннего события компонента
bind связывает данные компонентов
blockEvent временно блокирует вызов ВСЕХ событий вызывающего объекта
callEvent вызывает внутреннее событие компонента
clear очищает поля формы
clearValidation снимает с полей стили и маркеры, оставшиеся после валидации
define переопределяет одну или несколько настроек компонента
destructor разрушает компонент
detachEvent удаляет обработчик события (который был задан ранее методом attachEvent)
disable блокирует компонент (он становится серым, клики по нему не срабатывают)
enable делает активным ранее заблокированный компонент
focus смещает фокус на форму
getChildViews возвращает внутренние компоненты
getCleanValues возвращает данные из формы до редактирования
getDirtyValues возвращает объект с измененными данными
getFormView возвращает объект формы, которой принадлежит компонент
getNode возвращает HTML-элемент компонента
getParentView возвращает родительский компонент
getScrollState возвращает позицию скролла
getTopParentView возвращает самого верхнего родителя
getValues возвращает данные из полей формы
hasEvent проверяет, есть ли у компонента обработчики указанного события
hide скрывает компонент
index возвращает порядковый номер (индекс) компонента лейаута
isDirty проверяет, были ли данные в форме изменены
isEnabled проверяет, активен или заблокирован компонент
isVisible проверяет, виден ли компонент
load загружает данные из внешнего источника данных
mapEvent направляет события от одного компонента к другому
markInvalid отмечает поле формы как содержащее неправильные данные
parse загружает данные, доступные на клиенте
queryView возвращает внутренние компоненты, которые удовлетворяют указанному условию
reconstruct перестраивает лейаут
refresh перерисовывает компонент
removeView удаляет компонент из лейаута
render отрисовывает указанный элемент компонента или весь компонент
resize перерисовывает компонент после изменения размеров
resizeChildren перерисовывает все компоненты внутри лейаута
restore восстанавливает состояние лейаута
scrollTo прокручивает содержимое компонента до определенной позиции
serialize сохраняет текущее состояние лейаута в JSON объект
setDirty помечает форму маркером dirty, который сообщает о том, что данные в ней были изменены
setValues заполняет поля формы/тулбара/property sheet
show делает компонент видимым
showBatch делает видимыми те элементы, параметр 'batch' которых задан определенным именем
unbind отменяет связывание компонентов
unblockEvent отменяет блокировку событий, которая была вызвана командой 'blockEvent'
validate проверяет данные в форме
Events
onAfterLoad срабатывает после окончания загрузки данных с сервера
onAfterScroll срабатывает, когда компонент прокручивается в любом направлении
onAfterValidation срабатывает после валидации данных
onBeforeLoad запускается непосредственно перед началом загрузки данных
onBeforeValidate вызывается перед валидацией
onBindRequest срабатывает, когда компонент готов получить данные из главного компонента
onChange срабатывает после того, как данные были изменены в контроле формы или тулбара
onDestruct происходит, когда компонент был разрушен деструктором
onLoadError срабатывает при возникновении ошибки во время загрузки данных (невалидный ответ с сервера)
onSubmit срабатывает при нажатии клавиши "enter" для того контрола, на котором в данный момент фокус
onValidationError срабатывает, если значение из поля данных не прошло валидацию
onValidationSuccess срабатывает после того, как значение из поля формы успешно прошло валидацию
onValues срабатывает после вызова setValue контрола из формы или тулбара
onViewShow срабатывает, когда компонент появляется (вызов метода show())
Properties
animate определяет анимацию для показа компонента в Multiview
autoheight подстраивает высоту компонента под его содержимое
borderless скрывает или показывает границы компонента
cols массив колонок лейаута
complexData обеспечивает корректную обработку вложенных объектов
container HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован
css имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
data данные для компонента (массив, типизированный массив, XML или CSV)
dataFeed альтернативный источник для отфильтрованных и привязанных данных
datatype тип загружаемых данных
disabled блокирует или разблокирует компонент
elements массив графических контролов и прочих элементов панели инструментов
elementsConfig общие настройки для всех графических контролов тулбара
gravity задает удельный (относительный) размер компонента
height задает высоту компонента
hidden скрывает компонент после его инициализации
id ID компонента
isolate изолирует ID всех внутренних элементов в пределах компонента
margin задает отступы между элементами лейаута
maxHeight задает максимальную высоту компонента
maxWidth задает максимальную ширину компонента
minHeight задает минимальную высоту компонента
minWidth задает минимальную ширину компонента
on позволяет присоединять обработчики к внутренним событиям компонента
padding определяет пространство между границами лейаута и его содержимым
paddingX задает правый и левый отступ внутри лейаута
paddingY задает верхний и нижний отступы внутри лейаута
responsive включает адаптивность для лейаута
rows ряды лейаута
rules задает правила для валидации в form (htmlform)
scroll включает/отключает полосу прокрутки
scrollSpeed время, в течение которого компонент прокручивается до указанной позиции (в миллисекундах)
type определяет границы и отступы в лейауте
url путь к данным, которые загрузятся в компонент сразу после инициализации
visibleBatch задает группу контролов, которые будут видны после инициализации
width задает ширину компонента
Other
$getSize возвращает текущий размер компонентов
$height текущая высота компонента
$setNode определяет HTML-элемент компонента
$setSize задает размеры компонента
$skin вызывается после применения скина
$view возвращает HTML-элемент компонента
$width текущая ширина компонента
config все настройки, заданные при инициализации компонента
elements задает элементы формы и дает к ним доступ
name возвращает имя компонента (свойство только для чтения)
Наверх