W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
表格下拉框( ComboGridComponent )把可編輯的文本框和下拉數(shù)據(jù)網(wǎng)絡(luò)面板結(jié)合起來。 表格下拉框( ComboGridComponent )提供了選擇某個(gè)項(xiàng)目的鍵盤導(dǎo)航支持。
名稱 | 數(shù)據(jù)類型 | 作用描述 | 默認(rèn)值 |
---|---|---|---|
value | any | 字段值。 | null |
data | any[ ] | 要加載的數(shù)據(jù)。 | [ ] |
valueField | string | 綁定到此組件的底層數(shù)據(jù)值名稱。 | id |
textField | string | 綁定到此組件的基礎(chǔ)數(shù)據(jù)字段名。 | text |
editable | boolean | 定義用戶是否可以直接在字段中鍵入文本。 | false |
注:
- 繼承: ComboBaseComponent 。
- 選擇器: eui-combogrid 。
<eui-combogrid placeholder="Select a row"
valueField="itemid"
textField="name"
[(ngModel)]="value"
[data]="data"
[panelStyle]="{width:'500px'}">
<eui-datagrid>
<eui-grid-column field="itemid" title="Item ID"></eui-grid-column>
<eui-grid-column field="name" title="Name"></eui-grid-column>
<eui-grid-column field="listprice" title="List Price" align="right"></eui-grid-column>
<eui-grid-column field="unitcost" title="Unit Cost" align="right"></eui-grid-column>
<eui-grid-column field="attr" title="Attribute" width="30%"></eui-grid-column>
<eui-grid-column field="status" title="Status" align="center"></eui-grid-column>
</eui-datagrid>
</eui-combogrid>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: