jQuery EasyUI Basic Plugin - Droppable
Override the default defaults with $.fn.droppable.defaults.
Usage
Create a droppable area via markup.
<div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;">
</div>
Create a droppable area using JavaScript.
<div id="dd" style="width:100px;height:100px;"></div>
$('#dd').droppable({
accept:'#d1,#d3'
});
Properties
| Name | Type | Description | Default |
|---|---|---|---|
| accept | selector | Determines which draggable elements are accepted. | null |
| disabled | boolean | If set to true, stops the droppable functionality. | false |
Events
| Name | Parameters | Description |
|---|---|---|
| onDragEnter | e,source | Triggered when a draggable element is dragged into the area. The source parameter refers to the dragged DOM element. |
| onDragOver | e,source | Triggered when a draggable element is dragged over the area. The source parameter refers to the dragged DOM element. |
| onDragLeave | e,source | Triggered when a draggable element is dragged out of the area. The source parameter refers to the dragged DOM element. |
| onDrop | e,source | Triggered when a draggable element is dropped. The source parameter refers to the dragged DOM element. |
Methods
| Name | Parameters | Description |
|---|---|---|
| options | none | Returns the options object. |
| enable | none | Enables the droppable functionality. |
| disable | none | Disables the droppable functionality. |