mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 14:13:37 +08:00
添加联动的选择框, fix #115
This commit is contained in:
parent
2bccf59028
commit
67a200ee30
51
components/select/demo/coordinate.md
Normal file
51
components/select/demo/coordinate.md
Normal file
@ -0,0 +1,51 @@
|
||||
# 联动
|
||||
|
||||
- order: 6
|
||||
|
||||
省市联动是典型的例子。
|
||||
|
||||
---
|
||||
|
||||
````jsx
|
||||
var Select = antd.Select;
|
||||
var Option = Select.Option;
|
||||
|
||||
var provinceData = ['浙江', '江苏'];
|
||||
var cityData = {
|
||||
'浙江': ['杭州', '宁波', '温州'],
|
||||
'江苏': ['南京', '苏州', '镇江']
|
||||
};
|
||||
|
||||
|
||||
var App = React.createClass({
|
||||
getInitialState() {
|
||||
return {
|
||||
cities: cityData[provinceData[0]]
|
||||
};
|
||||
},
|
||||
handleProvinceChange(value) {
|
||||
this.setState({
|
||||
cities: cityData[value]
|
||||
});
|
||||
},
|
||||
render() {
|
||||
var provinceOptions = provinceData.map(function(province) {
|
||||
return <Option value={province}>{province}</Option>;
|
||||
});
|
||||
var cityOptions = this.state.cities.map(function(city) {
|
||||
return <Option value={city}>{city}</Option>;
|
||||
});
|
||||
return <div>
|
||||
<Select defaultValue={provinceData[0]} style={{width:150}} onChange={this.handleProvinceChange}>
|
||||
{provinceOptions}
|
||||
</Select>
|
||||
|
||||
<Select value={this.state.cities[0]} style={{width:150}} onChange={this.handleCityChange}>
|
||||
{cityOptions}
|
||||
</Select>
|
||||
</div>;
|
||||
}
|
||||
});
|
||||
React.render(<App />, document.getElementById('components-select-demo-coordinate'));
|
||||
````
|
||||
|
@ -24,7 +24,8 @@
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|----------|----------------|----------|--------------|
|
||||
| value | 指定默认选中的条目 | string/Array<String> | 无 |
|
||||
| value | 指定选中的条目 | string/Array<String> | 无 |
|
||||
| defaultValue | 指定默认选中的条目 | string/Array<String> | 无 |
|
||||
| multiple | 支持多选 | | false |
|
||||
| filterOption | 是否根据输入项进行筛选 | | true |
|
||||
| tags | 可以把随意输入的条目作为tag,输入项不需要与下拉选项匹配 | |false |
|
||||
|
Loading…
Reference in New Issue
Block a user