Droppable

Override defaults with $.fn.droppable.defaults.

Usage Example

Create a droppable area from markup.

  1. <div id="dd" class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;"></div>  

Create a droppable area using javascript.

  1. <div id="dd" style="width:100px;height:100px;"></div>  
  1. $('#dd').droppable({  
  2.     accept:'#d1,#d3'  
  3. });  

Properties

Name Type Description Default
accept selector Determine which draggable element will be accepted null

Events

Name Parameters Description
onDragEnter e,source Fires when the draggable element is dragged enter. The source parameter indicate the dragged DOM element.
onDragOver e,source Fires when the draggable element is dragged over. The source parameter indicate the dragged DOM element.
onDragLeave e,source Fires when the draggable element is dragged leave. The source parameter indicate the dragged DOM element.
onDrop e,source Fires when the draggable element is dropped. The source parameter indicate the dragged DOM element.