2015-07-01 14:48:47 +08:00
|
|
|
# 基本
|
|
|
|
|
|
|
|
- order: 0
|
|
|
|
|
|
|
|
数字输入框
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
var InputNumber = antd.InputNumber;
|
|
|
|
|
|
|
|
function onChange(v){
|
|
|
|
console.log('changed',v);
|
|
|
|
}
|
|
|
|
|
2015-07-09 20:06:03 +08:00
|
|
|
var Test = React.createClass({
|
|
|
|
getInitialState(){
|
|
|
|
return {
|
|
|
|
disabled:false
|
|
|
|
};
|
|
|
|
},
|
|
|
|
toggle(){
|
|
|
|
this.setState({
|
|
|
|
disabled:!this.state.disabled
|
|
|
|
});
|
|
|
|
},
|
|
|
|
render(){
|
|
|
|
return <div>
|
|
|
|
<InputNumber min={1} max={10} disabled={this.state.disabled} defaultValue={3} onChange={onChange} style={{width:100}}/>
|
|
|
|
|
|
|
|
<button onClick={this.toggle} className="ant-btn ant-btn-primary"> toggle disabled</button>
|
|
|
|
</div>;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
React.render(<Test />, document.getElementById('components-input-number-demo-basic'));
|
2015-07-01 14:48:47 +08:00
|
|
|
````
|
|
|
|
|