React EasyUI 數(shù)據(jù)表格下拉框

2020-06-24 12:05 更新

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號