文档Tags:
select

Search 搜索

使用场景:页面、表单搜索时使用。

基本用法

可以用 shape 属性设置搜索框样式,组件已绑定 onSearch, onChange 等事件回调函数,供处理不同业务时使用。

Loading demo...

APIs

输入框部分继承 Select.AutoComplete 的能力,可以直接用AutoComplete 的 api

参数说明类型默认值
size大小

可选值:
'large'('大')
'medium'('小')
Enum'medium'
type类型 shape=normal: primary/secondary; shape=simple: normal/dark;

可选值:
'primary', 'secondary', 'normal', 'dark'
Enum'normal'
shape形状

可选值:
'normal', 'simple'
Enum'normal'
defaultValue搜索框默认值String-
value搜索框数值String/Number-
onChange输入关键字时的回掉

签名:
Function(value: Object) => void
参数:
value: {Object} 输入值
Functionfunc.noop
onSearch点击搜索按钮触发的回调

签名:
Function(value: String, filterValue: String) => void
参数:
value: {String} 输入值
filterValue: {String} 选项值
Functionfunc.noop
defaultFilterValue选择器默认值String-
filter选择器Array[]
filterValue选择器值String-
onFilterChange选择器发生变化时回调

签名:
Function(filter: Object) => void
参数:
filter: {Object} value
Functionfunc.noop
dataSource搜索框下拉联想列表Array-
placeholder默认提示String-
searchTextbutton 的内容ReactNode-
filterProps选择器的propsObject-
buttonProps按钮的额外属性Object{}
popupContent自定义渲染的的下拉框ReactNode-
followTrigger是否跟随滚动Boolean-
visible自定义渲染的的下拉框Boolean-
hasClear是否显示清除按钮Booleanfalse
hasIcon是否显示搜索按钮Booleantrue
disabled是否禁用Booleanfalse
icons可配置的icons,包括 search 等Object{}
autoHighlightFirstItem是否自动高亮第一个元素Booleantrue

Demo

不同类型

Loading demo...

分类筛选 + 搜索

Loading demo...

自己定义下拉框内容

Loading demo...