Angular EasyUI 放置
属性列表
| 名称 |
数据类型 |
作用描述 |
默认值 |
| euiDroppable |
any |
放置范围。 |
null |
| disabled |
boolean |
为True时,禁用调整。 |
false |
事件列表
| 名称 |
参数 |
作用描述 |
| dragEnter |
scope:any |
当可拖动对象被拖动回车时触发。 |
| dragLeave |
scope:any |
当可拖动对象被拖动离开时触发。 |
| drop |
scope:any |
当可拖动对象被删除时触发。 |
注：
- 继承： 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>