下拉列表框（ ComboBox ）显示一个可编辑的文本框以及下拉列表。下拉列表框（ ComboBox ）顶部可直接输入文本，也可以从列表中选择若干个预设的值。

属性列表

名称	数据类型	作用描述	默认值
value	any	字段值。	null
data	any[]	要加载的数据。	[ ]
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
selection	any	选择项。	null

字段列表

名称	类型	作用描述
datalist	DataListComponent	下拉数据列表组件。

事件列表

名称	参数	作用描述
selectionChange	any	更改选择时触发。
filterChange	pageNumber:number, pageSize:number, filterValue:string	当过滤器值更改时触发。

注：
- 继承: ComboBaseComponent 。
- 选择器: eui-combobox 。

使用方法

<eui-combobox placeholder="Searching..."
        [(ngModel)]="value" 
        [data]="data" 
        [lazy]="true"
        (filterChange)="onFilterChange($event)">
</eui-combobox>

Angular EasyUI 下拉列表框

属性列表

字段列表

事件列表

使用方法

推荐文章

推荐教程

最新教程