Angular EasyUI 表格下拉框

2020-06-24 17:28 更新

表格下拉框( 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>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)