antd select如何支持既能输入不存在的选项又能进行下拉框选择
2019-04-18 16:37
134 查看
1.Select必须具备onSearch,onBlur,onChange这三个属性;
<Select
showSearch
value={this.state.value}
onSearch={…}
onBlur={…}
onChange={…}
{optionsFor}2.在onSearch中使用回调,并设置state {this.setState({ 'newState':val })}} onBlur={} onChange={...} > {optionsFor} 3.onChange设置回调 {this.setState({ 'newState':val })}} onBlur={} onChange={this.handleChange} > {optionsFor} 3.onBlur中利用三目判断,并返回输入的值 {this.setState({ 'newState':val })}} onBlur={()=>{ return this.state.newState?this.handleChange:null }} onChange={this.handleChange} > {optionsFor} 4.最后一步,也是最重要的,必须利用delete命令移除在state中设置的newState; let finalState = this.state; delete newState['newState]; this.setState({finalState})
相关文章推荐
- C#如何在选择下拉框选项的同时显示对应信息在窗体上
- 类似智能购票的demo--进入页面后默认焦点在第一个输入框,输入内容、回车、right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个。
- [原] combobox如何让用户不能输入只能从下拉列表里面选择
- select下拉列表判断是否进行了选项的选择
- 下拉列表框只能选择,我想选择后还可以允许用户对选择的内容进行修改,如何实现可编辑的下拉列表框?
- 请教:JSP里如何实现下拉组合框,既能从列表中选择也能自由输入,同时输入时自动定位到与已输字符最相符的列表项?
- C#中如何使ComboBox不能输入,只能从下拉列表中选择
- OpenTest:CodedUI如何支持下拉树形列表选择?
- 如何控制不让用户在comboBox的框里输入字符,只能从下拉框中选择?
- [ASP.NET] excel里如何从左侧的下拉列表里进行选择,右侧的另一列直接显示分数
- select下拉列表判断是否进行了选项的选择
- 【QTP学习笔记 1 】下拉框数据随机选择,日期输入,如何获取动态的对话框
- easyui中如何设置下拉列表框combobox只能选择,列表框内不能输入
- 闲话人事:我如何进行简历的筛选与人员的选择
- 如何使用js完成下拉列表左右选择
- 如何通过CFileDialog进行路径的选择
- 使用万能地图下载器进行坐标转换的时候如何确定平面坐标的选择
- 如何保存上次下拉列表选择的值用于下次显示
- 网页中文本框下拉选择输入与自动提示功能的实现
- 实现选择下拉框后 下面的页面根据选择的选项变化