Angular EasyUI 拖動(dòng)

2020-06-24 17:29 更新

屬性列表

名稱 數(shù)據(jù)類(lèi)型 作用描述 默認(rèn)值
euiDraggable any 拖動(dòng)范圍。 null
disabled boolean 為T(mén)rue時(shí),禁用拖動(dòng)。 false
handle Element OR ElementRef 啟動(dòng)可拖動(dòng)的手柄。 null
revert boolean 如果設(shè)置為true,當(dāng)拖動(dòng)停止時(shí),該元素將返回到初始位置。 false
deltaX number 拖動(dòng)的元素位置x與當(dāng)前光標(biāo)對(duì)應(yīng)。 null
deltaY number 拖動(dòng)的元素位置y與當(dāng)前光標(biāo)對(duì)應(yīng)。 null
edge number 開(kāi)始拖動(dòng)的拖動(dòng)寬度。 0
axis string 定義被拖動(dòng)元素移動(dòng)的軸, 可選值為“v”或“h”,當(dāng)設(shè)置為null時(shí),將沿“v”和“h”方向移動(dòng)。 null
cursor string 拖動(dòng)時(shí)的css光標(biāo)。 move
proxy DraggableProxyComponent 拖動(dòng)時(shí)使用的代理組件。 null

事件列表

名稱 參數(shù) 作用描述
dragStart state:any 開(kāi)始拖動(dòng)時(shí)觸發(fā)。
drag state:any 排放在拖。
dragEnd state:any 當(dāng)拖動(dòng)結(jié)束時(shí)觸發(fā)。

注:
- 繼承: None 。
- 選擇器: [euiDraggable] 。

使用方法

<div euiDraggable class="dd" [handle]="tt">
    <div #tt class="dd-title">Title</div>
</div>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)