Angular EasyUI 拖動

2020-06-24 17:29 更新

屬性列表

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

事件列表

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

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

使用方法

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號