下拉列表框（ ComboBox ）顯示一個(gè)可編輯的文本框以及下拉列表。下拉列表框（ ComboBox ）頂部可直接輸入文本，也可以從列表中選擇若干個(gè)預(yù)設(shè)的值。

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認(rèn)值
value	string, number, array	字段值。	null
data	array	要加載的數(shù)據(jù)。	[ ]
valueField	string	綁定到此組件的底層數(shù)據(jù)值名稱。	value
textField	string	綁定到此組件的基礎(chǔ)數(shù)據(jù)字段名。	text
limitToList	boolean	為True時(shí),將輸入值限制為列出的項(xiàng)。	true
lazy	boolean	是否延遲加載數(shù)據(jù)。	false
virtualScroll	boolean	是否啟用虛擬滾動(dòng)。	false
rowHeight	number	行高度，當(dāng)virtualScroll設(shè)置為true時(shí)啟用此屬性。	30
pageNumber	number	設(shè)置virtualScroll屬性時(shí)，初始化頁碼	1
pageSize	number	設(shè)置virtualScroll屬性時(shí)，初始化頁面大小。	10
total	number	設(shè)置virtualScroll屬性時(shí)，初始化總記錄數(shù)。	0

事件列表

名稱	參數(shù)	作用描述
onSelectionChange	selection	更改選擇時(shí)觸發(fā)。
onFilterChange	{ pageNumber, pageSize, filterValue }	當(dāng)過濾器值更改時(shí)觸發(fā)。

注：
- 繼承： ComboBase 。

使用方法

<Label htmlFor="c1" align="top">選擇值:</Label>
<ComboBox
  inputId="c1"
  data={this.state.data}
  value={this.state.value}
  onChange={(value) => this.setState({ value: value })}
/>

React EasyUI 下拉列表框

屬性列表

事件列表

使用方法