0.2.0 • Published 10 years ago

tingle-number-field v0.2.0

Weekly downloads
2
License
MIT
Repository
github
Last release
10 years ago

NumberField npm version

只能输入数字

Simple Usage

class Demo extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            number: ''
        }
    }

    handleChange(newValue) {
        this.setState({
            number: newValue
        });
    }

    render() {
        var t = this;
        return (
            <NumberField label="金额" placeholder="请输入"
             value={t.state.number}
             onChange={t.handleChange.bind(t)}/>
        );
    }
};

可用配置

配置项必填默认值功能/备注
classNameoptional-自定义的扩展样式名称
filteroptional-自定义的value过滤器,参数是用户输入的值,返回过滤后的值,默认不处理
labeloptional-表单域label文字标签
onChangerequired-当输入值时触发的回调,第一个参数是输入的新值,第二个参数是e
onFocusoptional-获取焦点时的回调,第一个参数是当前值,第二个参数是e
onBluroptional-失去焦点时的回调,第一个参数是当前值,第二个参数是e
placeholderoptional-水印提示
readOnlyoptionalfalse布尔值,设置是否是只读状态
multiLineoptionalfalse布尔值,设置是否是多行输入框
valuerequired-输入框的值
categoryoptional-输入值分隔类型,目前支持的选项值为 number、money

所有props都是可选的。

Links 相关链接

0.2.0

10 years ago

0.1.0

10 years ago

0.0.0

10 years ago