mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-13 13:29:18 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

update radio demos

Browse Source
This commit is contained in:
afc163 2015-07-17 11:17:50 +08:00
parent 34b00a4ad7
commit 00a81ea98e
2 changed files with 11 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/radio/demo/group.md
View File

@ -11,6 +11,7 @@ var Radio = antd.Radio;
var RadioGroup = React.createClass({ var RadioGroup = React.createClass({
getInitialState() { getInitialState() {
return { return {
value: ''
}; };
}, },
handleChange(e) { handleChange(e) {
@ -25,28 +26,28 @@ var RadioGroup = React.createClass({
<Radio value="a" <Radio value="a"
checked={this.state.value === 'a'} checked={this.state.value === 'a'}
onChange={this.handleChange} /> onChange={this.handleChange} />
A 选项A
</label> </label>
<br/> <br/>
<label> <label>
<Radio value="b" <Radio value="b"
checked={this.state.value === 'b'} checked={this.state.value === 'b'}
onChange={this.handleChange} /> onChange={this.handleChange} />
B 选项B
</label> </label>
<br/> <br/>
<label> <label>
<Radio value="c" <Radio value="c"
checked={this.state.value === 'c'} checked={this.state.value === 'c'}
onChange={this.handleChange} /> onChange={this.handleChange} />
C 选项C
</label> </label>
<br/> <br/>
<label> <label>
<Radio value="d" <Radio value="d"
checked={this.state.value === 'd'} checked={this.state.value === 'd'}
onChange={this.handleChange} /> onChange={this.handleChange} />
D 选项D
</label> </label>
</p> </p>
<p style={{"margin-top": 20}}> <p style={{"margin-top": 20}}>

29
components/radio/index.md
View File

@ -16,26 +16,9 @@
## API ## API
| 参数 | 说明 | 类型 | 可选值 |默认值 | | 参数 | 说明 | 类型 | 可选值 | 默认值 |
|-----------|------------------------------------------|------------|-------|--------| |----------------|------------------------------------------|------------|---------|--------|
| checked | 指定当前是否选中 | boolean | | false | | checked | 指定当前是否选中 | boolean | | false |
| defaultChecked | 初始是否选中 | boolean | | false | | defaultChecked | 初始是否选中 | boolean | | false |
| onChange | 变化时回调函数，组合时必须 | Function(e:Event) | | | | onChange | 变化时回调函数，组合时必须 | Function(e:Event) | | |
| value | value参数，组合时根据此项判定checked | -- | | | | | value | 组合时根据此项判定checked | -- | | | |
####组合使用：
以value值来决定自身的checked，
gruop里需一个做全局checked的参数
`getInitialState() {
return {
r: 'a'
}
}`
在自身checked上判断`this.state.r === 'a'`；
回调接口里
`this.setState({
r: e.target.value
})`