下拉列表框( ComboBox )顯示一個(gè)可編輯的文本框以及下拉列表。
下拉列表框( ComboBox )頂部可直接輸入文本,也可以從列表中選擇若干個(gè)預(yù)設(shè)的值。
屬性列表
名稱 |
數(shù)據(jù)類型 |
作用描述 |
默認(rèn)值 |
value |
any |
字段值。 |
null |
data |
any[] |
要加載的數(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 |
selection |
any |
選擇項(xiàng)。 |
null |
字段列表
名稱 |
類型 |
作用描述 |
datalist |
DataListComponent |
下拉數(shù)據(jù)列表組件。 |
事件列表
名稱 |
參數(shù) |
作用描述 |
selectionChange |
any |
更改選擇時(shí)觸發(fā)。 |
filterChange |
pageNumber:number, pageSize:number, filterValue:string |
當(dāng)過濾器值更改時(shí)觸發(fā)。 |
注:
- 繼承: ComboBaseComponent 。
- 選擇器: eui-combobox 。
使用方法
<eui-combobox placeholder="Searching..."
[(ngModel)]="value"
[data]="data"
[lazy]="true"
(filterChange)="onFilterChange($event)">
</eui-combobox>
更多建議: