форма, в которую можно поместить графические контролы.
В компоненте 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" }
]}
]
});
| 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 | проверяет данные в форме |
| onAfterLoad | срабатывает после окончания загрузки данных с сервера |
| onAfterScroll | срабатывает, когда компонент прокручивается в любом направлении |
| onAfterValidation | срабатывает после валидации данных |
| onBeforeLoad | запускается непосредственно перед началом загрузки данных |
| onBeforeValidate | вызывается перед валидацией |
| onBindRequest | срабатывает, когда компонент готов получить данные из главного компонента |
| onChange | срабатывает после того, как данные были изменены в контроле формы или тулбара |
| onDestruct | происходит, когда компонент был разрушен деструктором |
| onLoadError | срабатывает при возникновении ошибки во время загрузки данных (невалидный ответ с сервера) |
| onSubmit | срабатывает при нажатии клавиши "enter" для того контрола, на котором в данный момент фокус |
| onValidationError | срабатывает, если значение из поля данных не прошло валидацию |
| onValidationSuccess | срабатывает после того, как значение из поля формы успешно прошло валидацию |
| onValues | срабатывает после вызова setValue контрола из формы или тулбара |
| onViewShow | срабатывает, когда компонент появляется (вызов метода show()) |
| 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 | задает ширину компонента |
| $getSize | возвращает текущий размер компонентов |
| $height | текущая высота компонента |
| $setNode | определяет HTML-элемент компонента |
| $setSize | задает размеры компонента |
| $skin | вызывается после применения скина |
| $view | возвращает HTML-элемент компонента |
| $width | текущая ширина компонента |
| config | все настройки, заданные при инициализации компонента |
| elements | задает элементы формы и дает к ним доступ |
| name | возвращает имя компонента (свойство только для чтения) |