React EasyUI 標(biāo)簽框

2020-06-24 12:06 更新

標(biāo)簽框( TagBox )擴展自 combobox 。 標(biāo)簽框( TagBox )包含 combobox的所有功能。 標(biāo)簽框( TagBox )允許用戶將輸入內(nèi)容顯示在標(biāo)簽框中,而不是輸入框。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string,number,array 字段值。 null
hasDownArrow boolean 是否顯示向下箭頭按鈕。 false
multiple boolean 是否支持多個選擇。 true
limitToList boolean 為True時,輸入值限制為列出的項。 false
tagCss any 標(biāo)簽CSS樣式。值可以是樣式類、內(nèi)聯(lián)樣式或返回樣式類或內(nèi)聯(lián)樣式的自定義函數(shù)。 null

  • tagCss屬性代碼實例:
    tagCss(row) {
    if (row.id == 3){
        return {
            background: '#ffd7d7',
            color: '#c65353'
        };
    } else if (row.id == 4){
        return {
            background: '#b8eecf',
            color: '#45872c'
        };
    } else {
        return null;
    }
    }

注:
- 繼承: ComboBox 。

使用方法

<TagBox
  style={{ width: 300 }}
  value={this.state.value}
  onChange={value => this.setState({ value: value })}
/>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號