React EasyUI 放置

2020-06-24 12:01 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
scope string, array 放置范圍。 null
disabled boolean 為True時(shí),禁用調(diào)整。 false

事件列表

名稱 參數(shù) 作用描述
onDragEnter scope 當(dāng)可拖動(dòng)對(duì)象被拖動(dòng)回車時(shí)觸發(fā)。
onDragOver scope 當(dāng)拖動(dòng)可拖動(dòng)對(duì)象時(shí)觸發(fā)。
onDragLeave scope 當(dāng)可拖動(dòng)對(duì)象被拖動(dòng)離開時(shí)觸發(fā)。
onDrop scope 當(dāng)拖放可拖動(dòng)對(duì)象時(shí)觸發(fā)。

注:
繼承: LocaleBase 。

使用方法

<Draggable>
  <div className="dragitem">
    <p style={{ textAlign: 'center' }}>Drag Me</p>
  </div>
</Draggable>
<Droppable
  onDragEnter={() => this.setState({ isover: true })}
  onDragLeave={() => this.setState({ isover: false })}
  onDrop={() => this.setState({ dropped: true })}
>
  <div className={dropCls}>
    <p style={{ textAlign: 'center' }}>Drop here</p>
  </div>
</Droppable>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)