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>
以上内容是否对您有帮助:
更多建议: