bee-autocomplete
AutoComplete ui component for react
Last updated 6 months ago by tinper-bot .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install bee-autocomplete 
SYNC missed versions from official npm registry.

bee-auto-complete

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

react bee-auto-complete component for tinper-bee

根据用户的输入,进行自动匹配显示列表,用户可以进行按需选择自己需要的内容在输入框展示

使用方法

class Demo1 extends Component {
    constructor(props) {
        super(props);
        this.state = {
            value: "",
            options: ['10000(博宇)', '10001(波波)', '10002(李刚)'],
            placeholder: "查找关键字,请输入1",
            disabled: false
        }
        this.onFormChange = this.onFormChange.bind(this);
    }
    onFormChange(value) {
        this.setState({
            value: value
        })

    }
    render() {
        let { value, options, placeholder,disabled} = this.state;
        return (
            <div className="demo" style={{ "marginBottom": "90px" }}>
                <AutoComplete
                    value={value}
                    disabled={disabled}
                    options={options}
                    placeholder={placeholder}
                    onValueChange={value => this.onFormChange(value)}
                />

            </div>
        )
    }
}

API

参数 说明 类型 默认值
value 传入的输入框的值 any -
options 自动匹配列表 array []
placeholder 输入框的默认提示 string -
show 控制自动匹配列表的展开和隐藏 boolean false
disabled 是否禁用输入框 boolean false
onChange 输入框值更改时触发的回调函数 function -
onValueChange 输入框值更改时触发的回调函数 function -
onKeyDown 监听input的键盘事件,调用此函数 handleKeyDown() -
onBlur input 的失去焦点时,调用此函数 function -
onSelectOption 被选中时调用,参数为选中项的 value 值 function -

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-auto-complete
$ cd bee-auto-complete
$ npm install
$ npm run dev

Current Tags

  • 2.0.5                                ...           latest (6 months ago)

13 Versions

  • 2.0.5                                ...           6 months ago
  • 2.0.4                                ...           a year ago
  • 2.0.3                                ...           a year ago
  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 1.1.2                                ...           2 years ago
  • 1.1.1                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.4                                ...           3 years ago
  • 1.0.3                                ...           3 years ago
  • 1.0.2                                ...           3 years ago
  • 1.0.1                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
Downloads
Today 0
This Week 28
This Month 332
Last Day 28
Last Week 227
Last Month 980
Dependencies (4)
Dev Dependencies (14)

Copyright 2014 - 2016 © taobao.org |