React EasyUI 下拉列表框
下拉列表框（ ComboBox ）显示一个可编辑的文本框以及下拉列表。 下拉列表框（ ComboBox ）顶部可直接输入文本，也可以从列表中选择若干个预设的值。
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| value | string, number, array | 字段值。 | null |
| data | array | 要加载的数据。 | [ ] |
| valueField | string | 绑定到此组件的底层数据值名称。 | value |
| textField | string | 绑定到此组件的基础数据字段名。 | text |
| limitToList | boolean | 为True时,将输入值限制为列出的项。 | true |
| lazy | boolean | 是否延迟加载数据。 | false |
| virtualScroll | boolean | 是否启用虚拟滚动。 | false |
| rowHeight | number | 行高度，当virtualScroll设置为true时启用此属性。 | 30 |
| pageNumber | number | 设置virtualScroll属性时，初始化页码 | 1 |
| pageSize | number | 设置virtualScroll属性时，初始化页面大小。 | 10 |
| total | number | 设置virtualScroll属性时，初始化总记录数。 | 0 |
事件列表
| 名称 | 参数 | 作用描述 |
|---|---|---|
| onSelectionChange | selection | 更改选择时触发。 |
| onFilterChange | { pageNumber, pageSize, filterValue } | 当过滤器值更改时触发。 |
注：
- 继承： ComboBase 。
使用方法
<Label htmlFor="c1" align="top">选择值:</Label>
<ComboBox
inputId="c1"
data={this.state.data}
value={this.state.value}
onChange={(value) => this.setState({ value: value })}
/>