Angular EasyUI 下拉列表框
下拉列表框（ 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>