oda-framework
Version:
30 lines (24 loc) • 1.48 kB
Markdown
Компонент **«CheckBox»** предназначен для вывода независимой кнопки-переключателя, которая называется флажком.
Для его использования необходимо подключить JavaScript-модуль «**checkbox.js**» и добавить в HTML-код пользовательский тэг **oda-checkbox**.
Например:
```javascript _run_line_edit_loadoda_[my-component.js]
ODA({
is: 'my-component',
imports: ['@oda/checkbox'],
template: `
<oda-checkbox ::value></oda-checkbox>
<span>{{'Флажок ' + label}}</span>
`,
props: {
value: {
default: false,
set(n) {
this.label = n ? 'выбран' : 'не выбран';
}
},
label: 'не выбран'
}
});
```
При щелчке кнопкой мыши по данному компоненту будет автоматически изменятся его состояние, узнать о котором можно с помощью свойства **state** или **value**.
Кроме этого, изменение состояния флажка можно отловить в слушателях событий **value-changed** или **state-changed**, если не использовать механизм двойного биндинга.