0.2.1 • Published 10 years ago
tingle-on-off-field v0.2.1
tingle-on-off-field 
The OnOffField Component for tinglejs
Install
npm install tingle-on-off-field --saveSimple Usage
class Demo extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            on: true,
            on1: false,
            on2: true,
            on3: false
        }
    }
    handleChange(key,value) {
        this.setState({
            [key]: value
        })
    }
    render() {
        return (
            <div>
                 <GroupList title="开关控件">
                    <OnOffField label="默认选中" on={this.state.on} onChange={this.handleChange.bind(this,'on')}/>
                    <OnOffField label="默认没选中" on={this.state.on1} onChange={this.handleChange.bind(this,'on1')}/>
                    <OnOffField label="不可选" on={this.state.on2} readOnly={true} onChange={this.handleChange.bind(this,'on2')}/>
                    <OnOffField label="不可选" on={this.state.on3} readOnly={true} onChange={this.handleChange.bind(this,'on3')}/>
                </GroupList>
            </div>
        );
    }
};Options 可用配置
| 配置项 | 必填 | 默认值 | 功能/备注 | 
|---|---|---|---|
| className | optional | - | 自定义样式类 | 
| on | required | - | 布尔值,表示当前初始化的时候按钮开或者关的状态 | 
| label | optional | - | 表单中的label | 
| onChange | required | - | 点击之后的回调函数 |