React EasyUI 下拉列表框

2020-06-24 12:04 更新

下拉列表框( 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 })}
/>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号