通过 $.fn.droppable.defaults 重写默认的 defaults。 用法通过标记创建可放置(droppable)区域。 <div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;"></div> 使用 javascript 创建可放置(droppable)区域。 <div id="dd" style="width:100px;height:100px;"></div> $('#dd').droppable({ accept:'#d1,#d3'}); 属性名称 | 类型 | 描述 | 默认值 |
---|
accept | selector | 确定将被接受的可拖动元素。 | null | disabled | boolean | 如果设置为 true,则停止可放置(droppable)。 | false |
事件名称 | 参数 | 描述 |
---|
onDragEnter | e,source | 当可拖动元素被拖进来时触发。source 参数指被拖动的 DOM 元素。 | onDragOver | e,source | 当可拖动元素被拖过时触发。source 参数指被拖动的 DOM 元素。 | onDragLeave | e,source | 当可拖动元素被拖离开时触发。source 参数指被拖动的 DOM 元素。 | onDrop | e,source | 当可拖动元素被放下时触发。source 参数指被拖动的 DOM 元素。 |
方法名称 | 参数 | 描述 |
---|
options | none | 返回选项(options)对象。 | enable | none | 启用可放置功能。 | disable | none | 禁用可放置功能。 |
下载地址: jQuery EasyUI 基础插件 - Resizable 可调整尺寸 jQuery EasyUI 基础插件 - Draggable 可拖动 |