Angular EasyUI 下拉列表框

2020-06-24 17:28 更新

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

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号