import CheckboxGroup from 'n2o/src/components/controls/CheckboxGroup/CheckboxGroup.jsx'CheckboxGroup
Extends:
react~React.Component → CheckboxGroup
Компонент - группа чекбоксов, содержит Checkbox как children
Example:
<CheckboxGroup value={ ['apple', 'orange'] } onChange={(val)=> console.log(val)}>
<Checkbox value="apple" compileLabel='Apple' />
<Checkbox value="orange" compileLabel='Orange'/>
<Checkbox value="watermelon" compileLabel='Watermelon'/>
</CheckboxGroup>React Props:
| Name | Type | Attribute | Description |
| value | array | выбранное значение | |
| onChange | function | вызывается при изменении значения | |
| disabled | boolean | флаг блокировки | |
| visible | boolean | флаг видимости | |
| inline | boolean | флаг вывода в ряд | |
| style | object | стили группы | |
| className | string | класс группы | |
| children | node | элемент потомок копонента CheckboxGroup |
Constructor Summary
| Public Constructor | ||
| public |
|
|
Method Summary
| Public Methods | ||
| public |
render(): * Рендер |
|
| Private Methods | ||
| private |
_isIncludes(collection: *, object: *, key: *): * |
|
| private |
_onBlur(e: *) |
|
| private |
_onChange(e: *) Обработчик изменения чекбокса |
|
Public Constructors
public constructor() source
Public Methods
Private Methods
private _isIncludes(collection: *, object: *, key: *): * source
Params:
| Name | Type | Attribute | Description |
| collection | * | ||
| object | * | ||
| key | * |
Return:
| * |
private _onBlur(e: *) source
Params:
| Name | Type | Attribute | Description |
| e | * |
private _onChange(e: *) source
Обработчик изменения чекбокса
Params:
| Name | Type | Attribute | Description |
| e | * | событие |