现在的位置: 首页 > 综合 > 正文

easyUI Droppable

2013年10月19日 ⁄ 综合 ⁄ 共 581字 ⁄ 字号 评论关闭

@author YHC

覆盖默认值$.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'  
});  

属性

Name Type Description Default
accept selector 决定那些拖拽元素,将被接受 null

Events

Name Parameters Description
onDragEnter e,source 当拖拽元素被拖入的时候触发. source参数指明拖拽的DOM元素.
onDragOver e,source 当拖拽元素拖出时触发. source参数指明拖拽的DOM元素..
onDragLeave e,source 当拖拽元素被拖离的时候触发.source参数指明拖拽DOM元素.
onDrop e,source 当拖拽元素放下的时候触发.source参数指明拖拽的DOM元素.


以上如有错误信息,请指出,thanks!

抱歉!评论已关闭.