Angular EasyUI 放置

2020-06-24 17:29 更新

屬性列表

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

事件列表

名稱 參數(shù) 作用描述
dragEnter scope:any 當(dāng)可拖動(dòng)對(duì)象被拖動(dòng)回車時(shí)觸發(fā)。
dragLeave scope:any 當(dāng)可拖動(dòng)對(duì)象被拖動(dòng)離開時(shí)觸發(fā)。
drop scope:any 當(dāng)可拖動(dòng)對(duì)象被刪除時(shí)觸發(fā)。

注：
- 繼承： None 。
- 選擇器： [euiDroppable] 。

使用方法

<div class="dragitem" euiDraggable>
    <p style="text-align:center">Drag me</p>
</div>
<div class="droparea" euiDroppable 
        [class.over]="isover"
        [class.dropped]="dropped"
        (dragEnter)="onDragEnter()"
        (dragLeave)="onDragLeave()"
        (drop)="onDrop()">
    <p style="text-align:center">Drop here</p>
</div>
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)