EasyUI-Droppable(放置)
使用$.fn.droppable.defaults重写默认值对象。
使用案例
通过标签创建一个放置区。
-
<div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” style=”width:100px;height:100px;”></div>
使用Javascript创建一个放置区。
-
<div id=”dd” style=”width:100px;height:100px;”></div>
-
$(‘#dd’).droppable({
-
accept:‘#d1,#d3’
-
});
属性
属性名 |
属性值类型 |
描述 |
默认值 |
accept |
selector |
确定哪些可拖拽元素将被接受。 |
null |
disabled |
boolean |
如果为true,则禁止放置。 |
false |
事件
事件名 |
事件参数 |
描述 |
onDragEnter |
e,source |
在被拖拽元素到放置区内的时候触发,source参数表示被拖拽的DOM元素。 |
onDragOver |
e,source |
在被拖拽元素经过放置区的时候触发,source参数表示被拖拽的DOM元素。 |
onDragLeave |
e,source |
在被拖拽元素离开放置区的时候触发,source参数表示被拖拽的DOM元素。 |
onDrop |
e,source |
在被拖拽元素放入到放置区的时候触发,source参数表示被拖拽的DOM元素。 |
方法
方法名 |
方法参数 |
描述 |
options |
none |
返回属性对象。 |
enable |
none |
启用放置功能。 |
disable |
none |
禁用放置功能。 |
声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明:转自《EasyUI-Droppable(放置)》
本文地址:http://www.xiupu.net/archives-2362.html
关注公众号:
微信赞赏
支付宝赞赏