React EasyUI 放置

2020-06-24 12:01 更新

屬性列表

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

事件列表

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

注:
繼承: LocaleBase 。

使用方法

  1. <Draggable>
  2. <div className="dragitem">
  3. <p style={{ textAlign: 'center' }}>Drag Me</p>
  4. </div>
  5. </Draggable>
  6. <Droppable
  7. onDragEnter={() => this.setState({ isover: true })}
  8. onDragLeave={() => this.setState({ isover: false })}
  9. onDrop={() => this.setState({ dropped: true })}
  10. >
  11. <div className={dropCls}>
  12. <p style={{ textAlign: 'center' }}>Drop here</p>
  13. </div>
  14. </Droppable>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號