import StandardField from 'n2o/src/components/widgets/Form/fields/StandardField/StandardField.jsx'StandardField
Extends:
react~React.Component → StandardField
Компонент - поле формы
Example:
<Field onChange={this.onChange}
id='DistanceInput'
control='Input'
label="Расстояние"
measure="км"
description="Введите расстояние от пункта А до пункта Б"
style={display: 'inline-block'}/>
React Props:
| Name | Type | Attribute | Description |
| id | string | уникальный идентификатор поля | |
| visible | boolean | отображать / не отображать Поле | |
| label | string | лэйбл поля | |
| labelClass | string | css-класс для лейбела | |
| controlClass | string | css-класс для контрола | |
| labelStyle- | object | объект стилей для лейбела | |
| controlStyle | object | объект стилей для контрола | |
| className | string | css-класс для поля | |
| required | boolean | обязательное / необязательное поле | |
| disabled | boolean | контрол доступен только для чтения / нет | |
| enabled | boolean | контрол активирован / нет | |
| control | string | element | строка с названием компонента (тем, которое указано в мэпе index.js) или элемент | |
| description | string | описание поля (находится под контролом) | |
| measure | string | единица измерения, находится после контрола (например, км, кг, л) | |
| style | object | объект с css-стилями для поля | |
| fieldActions | object | объект для создания экшенов, связанных с полем | |
| onChange | function | вызывается при изменении контрола | |
| loading | boolean | показывать лоадер(спиннер) или нет | |
| autofocus | boolean | есть автофокус на это поле или нет | |
| validationClass | string | css-класс валидации(has-error, has-warning или has-success) | |
| message | object | содержит поле text c текстом сообщения(ошибки) | |
| help | string | node | подскзка рядом с лейблом |
Method Summary
| Public Methods | ||
| public |
render(): * Базовый рендер компонента |
|