React EasyUI 樹(shù)形下拉框

2020-06-24 12:05 更新

樹(shù)形下拉框( ComboTree )把選擇空間和下拉樹(shù)結(jié)合起來(lái)。 樹(shù)形下拉框( ComboTree )與下拉列表框( ComboBox )相似,不同的是將列表?yè)Q成樹(shù)組件。 樹(shù)形下拉框( ComboTree )支持帶有用于多選的樹(shù)狀態(tài)復(fù)選框的樹(shù)。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string, number, array 字段值。 null
data array 要加載的數(shù)據(jù)。 [ ]
valueField string 綁定到此組件的底層數(shù)據(jù)值名稱。 id
textField string 綁定到此組件的基礎(chǔ)數(shù)據(jù)字段名。 text
editable boolean 定義用戶是否可以直接在字段中鍵入文本。 false

注:
- 繼承: ComboBase 。

使用方法

  • 通過(guò) HTML 標(biāo)記創(chuàng)建樹(shù)形下拉框( ComboTree )

  1. <ComboTree
  2. placeholder="Select a node"
  3. data={this.state.data}
  4. value={this.state.value}
  5. onChange={(value) => this.setState({ value: value })}
  6. />
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)