2019-08-27 12:15:52 +03:00
|
|
|
import React from 'react';
|
|
|
|
import ReactDOM from 'react-dom';
|
|
|
|
|
|
|
|
import Selectbox from './Selectbox.js';
|
|
|
|
|
|
|
|
const OPTIONS = {
|
|
|
|
day: 'День',
|
|
|
|
week: 'Неделя',
|
|
|
|
month: 'Месяц',
|
|
|
|
kak: 'Полный период детализации',
|
|
|
|
};
|
|
|
|
|
|
|
|
class Test extends React.PureComponent
|
|
|
|
{
|
|
|
|
state = {
|
|
|
|
value: [ 'day' ],
|
2019-08-30 02:38:35 +03:00
|
|
|
value2: 'day',
|
2019-08-27 12:15:52 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onChange = (v) =>
|
|
|
|
{
|
|
|
|
this.setState({ value: v });
|
|
|
|
}
|
|
|
|
|
2019-08-30 02:38:35 +03:00
|
|
|
onChange2 = (v) =>
|
|
|
|
{
|
|
|
|
this.setState({ value2: v });
|
|
|
|
}
|
|
|
|
|
2019-08-27 12:15:52 +03:00
|
|
|
render()
|
|
|
|
{
|
|
|
|
return <div style={{padding: '20px', width: '300px', background: '#e0e8ff'}}>
|
|
|
|
<Selectbox
|
|
|
|
source={OPTIONS}
|
2019-08-30 02:38:35 +03:00
|
|
|
allowClear={true}
|
2019-08-27 12:15:52 +03:00
|
|
|
multiple={true}
|
2019-08-30 12:38:23 +03:00
|
|
|
placeholder="Выберите значение"
|
|
|
|
suggestionMatch={true}
|
|
|
|
value={this.state.value}
|
|
|
|
style={{marginBottom: '20px'}}
|
|
|
|
onChange={this.onChange}
|
|
|
|
/>
|
|
|
|
<Selectbox
|
|
|
|
source={OPTIONS}
|
|
|
|
allowClear={true}
|
|
|
|
multiple={true}
|
|
|
|
disabled={true}
|
2019-08-30 02:38:35 +03:00
|
|
|
suggestionMatch={true}
|
2019-08-27 12:15:52 +03:00
|
|
|
value={this.state.value}
|
2019-08-30 02:38:35 +03:00
|
|
|
style={{marginBottom: '20px'}}
|
2019-08-27 12:15:52 +03:00
|
|
|
onChange={this.onChange}
|
|
|
|
/>
|
2019-08-30 02:38:35 +03:00
|
|
|
<Selectbox
|
|
|
|
source={OPTIONS}
|
|
|
|
allowClear={true}
|
|
|
|
multiple={false}
|
|
|
|
suggestionMatch={true}
|
|
|
|
value={this.state.value2}
|
|
|
|
style={{marginBottom: '20px'}}
|
|
|
|
onChange={this.onChange2}
|
|
|
|
/>
|
|
|
|
<Selectbox
|
|
|
|
source={OPTIONS}
|
|
|
|
placeholder="Выберите значение"
|
|
|
|
allowClear={false}
|
|
|
|
multiple={false}
|
|
|
|
suggestionMatch={true}
|
|
|
|
value={this.state.value2}
|
|
|
|
onChange={this.onChange2}
|
|
|
|
/>
|
2019-08-27 12:15:52 +03:00
|
|
|
</div>;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ReactDOM.render(
|
|
|
|
<Test />, document.getElementById('app')
|
|
|
|
);
|