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